input file 上传图片判断图片的宽高尺寸

最近的项目中有需要限制上传图片的尺寸：

<form id="uploadForm"><input type="file" id="file" @change="uploadImg($event)">
</form>

方法如下：

uploadImg(event) { //上传图片const _this = this;let _file = event.target.files[0];let reader = new FileReader();reader.readAsDataURL(_file);reader.onload = function(e) {let image = new Image();image.src = e.target.result;image.onload = function() {let w = this.width;let h = this.height;if (w !== 720 || h !== 360) {_this.$message.info('请上传尺寸为720px*360px的图片');return false;} else {//上传成功//...}}}
}

input file 上传图片判断图片的宽高尺寸相关推荐

php 改变图片的宽高,php缩放图片(根据宽高的等比例缩放)示例
php缩放图片(根据宽高的等比例缩放)示例发布于 2014-12-07 08:53:31 | 149 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hyperte ...
linux 读取png图片大小,读取 png 图片的宽高信息
#include // 保留,在读取 png 头部信息的是,每次读取到 0D 0A 读取就会产生错误,如果 0D 0A 修改为其他的数据,则数据可以正常读取,不知道为什么 ----文件打开的时候, 将 ...
RT/Metro商店应用如何如何获取图片的宽高
RT/Metro商店应用如何如何获取图片的宽高 var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms ...
input file上传图片预览
下载地址http://download.csdn.net/detail/cometwo/9383602 兄弟文章:http://blog.csdn.net/libin_1/article/detail ...
ctf 改变图片高度_通过CRC32爆破修改图片的宽高 ctf-misc图片隐写
** 一.在处理图片隐写题的时候,可能会修改图片原有的宽高,导致图片里面的内容无法正常显示,那么怎么判断它的宽高是否被修改了呢? ** 1.把图片拖进010editor中会发现左下角提示CRC不匹配, ...
原生图片预览实现及由此引出的图片自适应宽高问题探索
看到手机相册,突发奇想:能不能用实现一个原生的页面"相册"?或者说,传统网页中怎么实现图片预览功能? 如果在原生网页中使用插件,那必不可少的要引入一堆东西(并不是鄙视插件,只是为了 ...
input file 上传图片及压缩
input file 上传图片及压缩大致需求为:可上传图片,同时压缩图片大小(因为手机图片一般都会有几兆,原图上传会耗损过多资源):并且可以上传之后显示出来 ,再提交给服务器: <input ...
代码 - 多张图片合并成PDF（每页宽高即是当前页面图片的宽高）- itextpdf
文章目录 1. 多张图片转成PDF(每页PDF的宽高是当前页面图片的宽高) 7.2.3版本官方示例多图合并成PDF 1. 多张图片转成PDF(每页PDF的宽高是当前页面图片的宽高) 7.2.3 ...
通过CRC32爆破修改图片的宽高 ctf-misc图片隐写
** 一.在处理图片隐写题的时候,可能会修改图片原有的宽高,导致图片里面的内容无法正常显示,那么怎么判断它的宽高是否被修改了呢? ** 1.把图片拖进010editor中会发现左下角提示CRC不匹配, ...

input file 上传图片判断图片的宽高尺寸

input file 上传图片判断图片的宽高尺寸相关推荐

最新文章

热门文章