文件上传

前端工作中经常会遇到文件上传方面的问题,现在就一些注意点作已总结。
通常我们会通过三种方式得到用户上传的文件:

  • 通过input type=file的方式。
  • 拖拽上传。
  • 复制粘贴。
    然而无论我们以何种方式得到文件,最终我们向服务端请求的方式都是一致的。
    我们首先新建一个FormData对象,然后调用append方法。具体代码如下:
let formData = new FormData();
formData.append("fileContent", file);    //file为我们上传的文件

之后我们就可以调用接口发起请求了,请求方法为post,数据为formData,需要注意的是,如果用jQuery的ajax的话,需要设置processDatacontentType,为false
如果你用默认表单提交上传文件的话就得在form上面设置enctype="multipart/form-data"

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容