add_img(event){
let reader =new FileReader();
let img1=event.target.files[0];
let type=img1.type;//文件的類型旨枯，判斷是否是圖片
let size=img1.size;//文件的大小蹬昌，判斷圖片的大小
if(this.imgData.accept.indexOf(type) == -1){
alert('請選擇我們支持的圖片格式！');
return false;
}
if(size>3145728){
alert('請選擇3M以內(nèi)的圖片攀隔！');
return false;
}
var uri = ''
let form = new FormData();
form.append('file',img1,img1.name);
this.$http.post('/file/upload',form,{
headers:{'Content-Type':'multipart/form-data'}
}).then(response => {
console.log(response.data)
uri = response.data.url
reader.readAsDataURL(img1);
var that=this;
reader.onloadend=function(){
that.imgs.push(uri);
}
}).catch(error => {
alert('上傳圖片出錯皂贩！');
})
}
---------------------
版權(quán)聲明：本文為CSDN博主「小雷雷哥哥」的原創(chuàng)文章，遵循CC 4.0 by-sa版權(quán)協(xié)議竞慢，轉(zhuǎn)載請附上原文出處鏈接及本聲明先紫。
原文鏈接：https://blog.csdn.net/leileibrother/article/details/79020758
vue上傳圖片
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門狸膏，熙熙樓的掌柜王于貴愁眉苦臉地迎上來沟饥，“玉大人，你說我怎么就攤上這事∠涂酰” “怎么了广料？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長幼驶。 經(jīng)常有香客問我艾杏，道長，這世上最難降的妖魔是什么盅藻？ 我笑而不...
- 正文 為了忘掉前任购桑，我火速辦了婚禮，結(jié)果婚禮上氏淑，老公的妹妹穿的比我還像新娘勃蜘。我一直安慰自己，他們只是感情好假残，可當(dāng)我...
- 文/花漫 我一把揭開白布元旬。 她就那樣靜靜地躺著，像睡著了一般守问。 火紅的嫁衣襯著肌膚如雪匀归。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼荒勇，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了闻坚？” 一聲冷哼從身側(cè)響起沽翔，我...
- 正文 年R本政府宣布，位于F島的核電站斤蔓，受9級特大地震影響植酥，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜弦牡，卻給世界環(huán)境...
- 文/蒙蒙 一友驮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧驾锰，春花似錦卸留、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至赏酥，卻和暖如春喳整，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背裸扶。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 最近Vue項目中，要將用戶上傳的圖片全部上傳到oss上季二，OSS配置項請訪問：https://help.aliyun...
- 這段時間公司再讓用vue做前端，在做一個圖片上傳功能艺挪，百度了半天不翩，我們都知道base64是一個字符串 他的原理是通...
- 一個上傳頭像的功能兵扬，后端給的接口可以接收base64格式的，用的UI框架是vant-ui口蝠，需求和準(zhǔn)備大概就這樣器钟，如...
