上传图片并且判断图片大小、类型、宽高

项目中需要上传图片并且判断大小、类型、宽高

changeCarousel(e){   //判断文件大小 var file = e.target.files[0]var size = e.target.files[0].size / 1024;var that = this//判断大小if (size > 1000) {//这是element-ui提供的提示this.$message({type: "warning",message: "上传的文件大小不能超过10M！"});return;}//判断是不是图片if (!/image\/*/g.test(e.target.files[0].type)) {this.$message({type: "warning",message: "选取的不是图片，请重选"});return;}//判断图片的宽和高是否相等             let reader = new FileReader()reader.onload = function (e) {let data = e.target.result//加载图片获取图片真实宽度和高度let img = new Image()img.src = dataimg.onload = function () {// console.log(file,e.target,img,img.width,img.height)if(img.width>=350 && img.width<=400 && img.height >= 350 && img.height<= 400 && img.width == img.height){  //图片宽和高在350到400之间 并且相等shangchuan()}else{that.$message({type: "warning",message: "图片的宽和高应该相等且在350-400之间,请重新上传"});}}}reader.readAsDataURL(file)function shangchuan(){//判断完成后在这里面发送ajax请求}
}

另外给大家推荐一个插件exif-js，也可以直接读取图像的元数据

上传图片并且判断图片大小、类型、宽高相关推荐

java获取上传图片的大小_java 图片上传的处理，获取图片大小，宽高。
jsp代码名称 * 图片内容 js 方法 $(form).ajaxSubmit({ type: "POST", url:"photoes/addup", d ...
javascript 快速获取图片实际大小的宽高
javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式 // 图片地址 var img_url = '13643608813441.jpg'// 创建对象 var img = ...
基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载...
2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...
vue之原生上传图片并压缩图片大小（1）
vue之上传图片并压缩图片大小 vue之上传图片并压缩图片大小 vue之上传图片并压缩图片大小这里使用的是 compressorjs , 安装 npm i compressorjs 注意:这个插件是 ...
java 使用Thumbnailator 上传图片并压缩图片大小
http://www.cnblogs.com/miskis/p/5500822.html java 上传图片并压缩图片大小 Thumbnailator 是一个优秀的图片处理的Google开源Java ...
批量提取图片信息[大小、宽高尺寸和分辨率]
批量提取图片信息[大小.宽高尺寸和分辨率] 说明使用步骤脚本源码说明本脚本适用于,导出当前脚本所在文件夹下所有的图片的信息,包括文件名,大小,尺寸,分辨率;导出为CSV文件使用步骤 1.将以 ...
百度ueditor自适应(编辑器自适应页面，图片上传宽高，等)
1.编辑器自适应页面在实例化编辑器时加上 initialFrameWidth:'100%',//初始化编辑器宽度代码  <script id=& ...
上传图片时，图片大小不一，设置宽高，图片拉伸，如何处理呢，我来告诉你...
2019独角兽企业重金招聘Python工程师标准>>> 对于上传图片的烦恼,今天给你个例子,很实用的哦这个是原来大小不一的图片经过处理后代码如下index.html <! ...
kindeditor 限制上传图片大小及宽高
进入:/kindeditor/plugins/image/image.js,替换其中的 self.plugin.imageDialog = function (options)方法,代码为: self ...

上传图片并且判断图片大小、类型、宽高

上传图片并且判断图片大小、类型、宽高

上传图片并且判断图片大小、类型、宽高相关推荐

最新文章

热门文章