參考文章

<el-upload class="upload-img" action="":on-remove="handleRemove":before-upload="beforeUpload"list-type="picture":file-list="fileList"><el-button size="small" type="danger">點擊上傳</el-button></el-upload>//js部分//圖片上傳beforeUpload(file,id) {let fd = new FormData()fd.append('file', file)const obj = {name:'',file:''}dataSet.fileList = []axios.post('/api/common/upload', fd, {headers: {'Content-Type': 'multipart/form-data'}}).then(res=>{dataSet.addform.image = res.data.urlobj.name = file.name;obj.url = res.data.url;dataSet.fileList.push(obj)console.log(res);})},

//圖片轉64格式 //處理上傳的圖片getFile(file, fileList){console.log(file)methods.getBase64(file.raw).then(res => {// dataSet.imgObj.name = file.name;// dataSet.imgObj.file= res}).then(()=>{console.log(dataSet.imgObj);axios.post('/api/common/upload', file, {headers: {'Content-Type': 'multipart/form-data'}}).then(res=>{console.log(res);})// uploadImg(dataSet.imgObj).then(res=>{// console.log(res);// })})},//圖片轉64getBase64(file) {return new Promise(function(resolve, reject) {let reader = new FileReader();let imgResult = "";reader.readAsDataURL(file);reader.onload = function() {imgResult = reader.result;};reader.onerror = function(error) {reject(error);};reader.onloadend = function() {resolve(imgResult);};});},

總結

以上是生活随笔為你收集整理的elementplus 上传文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。