axios文件上傳
㈠ 文件上傳有兩種方式upload
文件上傳有兩種方式
1.基於文件處理為文件流然後然後傳給返褲伺服器,這個我們一般是用form-data來處理的,我們把文件流信息放到form-data裡面,把form-data傳給我們的伺服器。然後伺服器拿到form-data相關的數據做處理。
2.客戶端需要把文件轉化為base64位,轉化為base64然後傳給伺服器,伺服器在轉化為文件
VUE elementUI 表單上傳
在項目開發需求中基於VUE + elementUI在表單實現多張圖片和Excel文件上傳的需求。
1.圖片上傳模板
2、常用方法介紹
1、在實現自定義上傳的:auto-upload設為"false"時before-upload將會無效,此時如要驗證文件類型或者大小此處使用on-change的方法,在on-change方法中判斷圖片類型、大小,如果符合要求加入到pthotoLists中,不符合則移除
2、表單點擊提交進行驗證以及文件自定義上傳將文件通過參數傳遞
1、將form表單元素的name與value進行組合,實現表單數據做爛的漏胡簡序列化,從而減少表單元素的拼接,提高工作效率
3、通過append方法進行添加文件和數據
4、pPostFile為介面提交方式相當於axios
action為 提交的地址(介面名稱)
formDataObj為表單中提交的所有參數(內容)
hearder即為header中需要的參數