前端工作中經常會遇到文件上傳方面的問題,現在就一些注意點作已總結。
通常我們會通過三種方式得到用戶上傳的文件:
- 通過
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"
。