前端工作中经常会遇到文件上传方面的问题,现在就一些注意点作已总结。
通常我们会通过三种方式得到用户上传的文件:
- 通过
input type=file
的方式。 - 拖拽上传。
- 复制粘贴。
然而无论我们以何种方式得到文件,最终我们向服务端请求的方式都是一致的。
我们首先新建一个FormData对象,然后调用append方法。具体代码如下:
let formData = new FormData();
formData.append("fileContent", file); //file为我们上传的文件
之后我们就可以调用接口发起请求了,请求方法为post
,数据为formData
,需要注意的是,如果用jQuery的ajax的话,需要设置processData
,contentType
,为false
。
如果你用默认表单提交上传文件的话就得在form上面设置enctype="multipart/form-data"
。