亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

vue中element 的upload組件發送請求給后端操作

瀏覽:80日期:2022-11-28 09:25:06

1.用到了before-upload屬性,

用于在上傳文件前的校驗,并且發送請求給后端,傳輸格式進行文件流傳輸

什么都不用設置,action屬性隨便設置,不能為空即可!

在before-upload屬性的方法中的代碼如下:

var _this = this; debugger; // var files=file.target.files[0]; debugger; const isJPG = file.type === 'image/jpeg'; const isLt2M = file.size / 1024 / 1024 < 2; if (!isJPG) { this.$message.error('上傳頭像圖片只能是 JPG 格式!'); } if (!isLt2M) { this.$message.error('上傳頭像圖片大小不能超過 2MB!'); } // return isJPG && isLt2M; let formData = new FormData(); formData.append('file', file); axios .post('http://192.168.0.116:8083/pic/upload', formData) .then(function(response) { _this.enclosure.openPermitimgUrl = response.data; // alert(response.data); console.log(response); }) .catch(function(error) { alert('上傳失敗'); console.log(error); });

補充知識:vue element 實現上傳導入功能(請求到后臺接口)

1、主要用到了element中upload的onSuccess方法

action后面跟著的是上傳文件后要被導入的接口

data是我們可能上傳多個 定義一個數組

vue中element 的upload組件發送請求給后端操作

2、在data中定義 uploadBase:{}

3、請求后臺的導入接口 傳給后臺所需要的參數

vue中element 的upload組件發送請求給后端操作

以上這篇vue中element 的upload組件發送請求給后端操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 99re最新这里只有精品 | 亚洲国产网址 | 中文无码久久精品 | 久久青青草原精品无线观看 | 国产人碰人摸人爱免费视频 | 性色a| 色婷婷中文字幕在线一区天堂 | 国产精品色图 | 日本一级特黄高清ab片 | 成人在线免费视频 | 日本爽妇网 | 久久久精品影院 | 久久精品一区二区三区日韩 | 一级成人生活片免费看 | 国产精品高清一区二区三区 | 黄色网址在线免费观看 | 亚洲综合小视频 | 香蕉视频网站在线观看 | 欧美—级v免费大片 | www.婷婷.com| 2020阿v天堂网手机版 | 久久爱91 | 任我鲁这里有精品视频在线播 | 成人精品一区二区三区校园激情 | 最新国产你懂的在线网址 | 精品国产福利在线观看91啪 | 精品亚洲大全 | 中文字幕曰韩一区二区不卡 | 黄色a级免费网站 | 美国黄色一级片 | 高h猛烈做哭bl壮汉受小说 | 日本不卡高清中文字幕免费 | 国产视频第一页 | 国语自产免费精品视频在 | 国产日本欧美亚洲精品视 | 国产va精品网站精品网站精品 | 97色在线视频 | 一级黄色国产片 | 操日韩| 中国女与老外在线精品 | 国产一级爱片 |