//上傳前
beforeUpload(file) {
const isJpgOrPng =
file.type === "image/jpeg" || file.type === "image/png";
if (!isJpgOrPng) {
this.$message.error("暫不支持此文件類型!");
}
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) {
this.$message.error("圖片大小不超過2MB!");
}
return isJpgOrPng && isLt2M && this.isSize(file, 180, 64);
},
// 判斷尺寸
isSize(file, width, height) {
let self = this;
return new Promise(function (resolve, reject) {
let filereader = new FileReader();
filereader.onload = (e) => {
let src = e.target.result;
const image = new Image();
image.onload = function () {
if (
(width && this.width != width) ||
(height && this.height != height)
) {
self.$message.error(
"請上傳按" + width + "*" + height + "等比縮放的圖片"
);
reject();
} else {
resolve();
}
};
image.onerror = reject;
image.src = src;
};
filereader.readAsDataURL(file);
});
},
【vue】ant圖片上傳前校驗圖片寬高（直接復(fù)用）
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門椰于，熙熙樓的掌柜王于貴愁眉苦臉地迎上來怠益，“玉大人，你說我怎么就攤上這事瘾婿◎呃危” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵偏陪，是天一觀的道長抢呆。 經(jīng)常有香客問我，道長笛谦，這世上最難降的妖魔是什么抱虐？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮揪罕，結(jié)果婚禮上梯码，老公的妹妹穿的比我還像新娘宝泵。我一直安慰自己，他們只是感情好轩娶，可當我...
- 文/花漫 我一把揭開白布儿奶。 她就那樣靜靜地躺著，像睡著了一般鳄抒。 火紅的嫁衣襯著肌膚如雪闯捎。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼祭犯，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了滚停？” 一聲冷哼從身側(cè)響起沃粗，我...
- 正文 年R本政府宣布，位于F島的核電站凹蜈，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏撵枢。R本人自食惡果不足惜捧请，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望些己。 院中可真熱鬧豌鸡，春花似錦嘿般、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蛇更，卻和暖如春瞻赶，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背派任。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 最近在做一個圖片列表的需求心傀，要求選擇圖片之后屈暗，自動上傳到阿里云服務(wù)器，然后動態(tài)展示脂男。由于圖片列表要求有預(yù)覽养叛，編輯，...
- 要實現(xiàn)的亞子： 廢話不說宰翅，上代碼弃甥，先封裝一個公用組件 然后在其他頁面引入組件，直接用
- 碰到好多次這個問題 汁讼，一直沒找到比較合適的解決辦法淆攻，直到今天才發(fā)現(xiàn)有個el-checkbox-group 的組件可...
- 前言：該解決方案只支持IE10及以上耸彪，目前來看IE9及以下所占的份額越來越小了伞芹，如果在項目不需要考慮IE9及以下的...
- 作者是在vue上做的開發(fā)唱较，可能對有學(xué)過vue學(xué)者比較友好 首先扎唾，我們看看整個執(zhí)行過程的類型轉(zhuǎn)換 input -->...
