<el-upload
class="imagecard"
list-type="picture-card"
action="#"
accept=".png, .jpg"
:limit="8"
multiple
:show-file-list="false"
:auto-upload="true"
:before-upload="beforeUpload"
>
<i class="el-icon-plus"></i>
</el-upload>
beforeUpload(file) {
if (file) {
function getFileData(file) {
return new Promise(function (resolve, reject) {
let reader = new FileReader()
reader.readAsDataURL(file);
reader.onload = function (event) {
resolve(reader.result)
}
})
}
function getImage(result) {
return new Promise(function (resolve, reject) {
let img = new Image();
img.src = result;
img.onload = function () { //注意只有onload以后才可以拿到图片信息
resolve({
width: img.width,
height: img.height
})
}
})
}
getFileData(file).then(res => {
getImage(res).then(r => {
let afterFileHeight = r.height
let afterFileWidth = r.width
console.log(afterFileHeight, afterFileWidth, 'afterFileWidth')
})
})
}
return false;
},