上传图片前限制图片比例&大小&格式

一下代码适用于element-ui的upload：
使用上传图片之前的before-upload钩子函数，举个例子：限制图片尺寸大小为200px*200px

beforeAvatarUpload(file) {const isValidFormat = ["image/jpeg", "image/png"].indexOf(file.type) > -1;const isLt2M = file.size / 1024 / 1024 < 2;//图片类型if (!isValidFormat) {this.$message.error("图片只能是 JPG、jpeg或PNG 格式!");}//图片大小if (!isLt2M) {this.$message.error('上传头像图片大小不能超过 2MB!');}let that = thislet img = new Image();let _URL = window.URL || window.webkitURL;img.src = _URL.createObjectURL(file);let pixel = new Promise(function(resolve, reject) {console.log(resolve, reject)img.onload = function() {console.log(img.width,img.height)let valid;if(img.width===200 && img.height===200){valid = true}else{valid = false}console.log(valid)valid ? resolve() : reject();}}).then(() => {// 成功返回return file;}, () => {// 不成功返回promis的reject，在element中当返回promis的reject时也会停止上传that.$message.error('图片比列200px*200px');return Promise.reject()})return isValidFormat && isLt2M && pixel;},

上传图片前限制图片比例大小格式相关推荐

关于angularjs input上传图片前获取图片的Size 浅析
首先我们需要一个指令来追踪input的change.ngChage不适用input[file]. app.directive("fileread", [function () { ...
一般网站上传图片的大小是多少？网站图片上传格式大小建议附带简单修图方法
一般网站上传图片的大小是多少呢?尚网汇智给您列一下网站图片上传格式大小建议: 首先,上传图片格式: 通常图片以JPG图片居多,JPG格式的图片较小,图片也比较柔和不过特殊情况就要用特殊格式的图片了 ...
js在上传图片前判断大小
js在上传图片前判断大小这个可以用javascript实现,效果还可以,主要是因为javascript里居然有Image对象,可以取得其属性 <script language=javascri ...
html 图片比例 js,js自动等比例设置图片尺寸大小
css 图片等比例缩放首页产品展示的图片都变形了,客户要求图片等比例大小,和产品展示的效果一样: css控制图. 网站的内容页面,经常要放图片,如果图片太大会撑出,影响页面美观. > HTML ...
java 校验图片的大小，和比例尺寸
一.file文件校验像素,比例,大小 import java.awt.image.BufferedImage; import java.io.File; import java.io.IOExcept ...
基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载...
2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...
java验证图片大小_java 校验图片的大小、尺寸、比例
import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.i ...
怎样将png格式的图片缩小?如何快速压缩图片的大小？
Png 格式的图片相比jpg格式的图片要更加的清晰,因此也就导致了png格式的图片在相同的情况下比jpg格式的图片体积更大,由于这个原因,所以我们在使用一些png格式图片的时候就会遇到因图片体积过大而 ...
关于图片本身大小、格式、内存、压缩相关知识
首先感谢这篇博客,给了我很大启发:Android中一张图片占据的内存大小如何计算下面总结我的一些思考和收获: 1.图片都有尺寸,这里尺寸用的是图片属性的分辨率表示:1600*1600,代表宽和高均有 ...

上传图片前限制图片比例大小格式

上传图片前限制图片比例&大小&格式

上传图片前限制图片比例大小格式相关推荐

最新文章

热门文章