//读取图片信息
checkImageWH(file, rules) {
const _this = this
return new Promise((resolve, reject) => {
const filereader = new FileReader()
filereader.readAsDataURL(file)
filereader.onload = e => {
const src = e.target.result
const image = new Image()
image.onload = function () {
/**
图片宽度: this.width
图片高度: this.height
*/
// someBool ? resolve() : reject()
if (_this.width == image.width && _this.height == image.height) {
resolve(true)
} else {
_this.$message.error('请上传460*345像素的jpg,png格式图片')
reject(false)
}
}
image.onerror = reject
image.src = src
}
})
},
//图片上传前
async beforeCoverUpload(file) {
const res = await this.checkImageWH(file)
if (!res) {
return false
}
const size = file.size / 1024 / 1024
if (size > 100) {
this.$message.error('图片超过100M')
return false
}
if (file.type != 'image/jpeg' && file.type != 'image/png' && file.type != 'image/jpg') {
this.$message.error('请上传jpg,jpeg,png类型文件')
return false
}
},
antd vue上传图片限制图片像素(宽 高)
最新推荐文章于 2024-04-23 19:00:31 发布