文件上傳

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

  • 通過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"

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容