js获取前端在本地上传图片的尺寸方法
程序员文章站
2022-03-28 16:36:53
...
前端上传图片的尺寸怎样获取呢?本文就和大家简单分享js获取前端在本地上传图片的尺寸方法,希望能帮助到大家。
var MyTest = document.getElementById("upload_img"). files[0];var reader = new FileReader(); reader.readAsDataURL(MyTest); reader.onload = function(theFile) { var image = new Image(); image.src = theFile.target.result; image.onload = function() { alert("图片的宽度为"+this.width+",长度为"+this.height); }; };
其中,id为“upload_img”的标签如下:
<input type="file" size="20" autocomplete="off" id="upload_img" name="Uploadfile">
大家学会了吗?赶紧动手尝试一下吧。
相关推荐:
以上就是js获取前端在本地上传图片的尺寸方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
通过url获取图片尺寸的几种方法:JS和php
-
获取用户上传的图片的本地路径实现方法,解决fakepath路径问题
-
js前端实现多图图片上传预览的两个方法
-
js前端实现多图图片上传预览的两个方法
-
js获取前端在本地上传图片的尺寸方法
-
通过url获取图片尺寸的几种方法:JS和php
-
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法_javascript技巧
-
在Webpack中路径压缩图片上传尺寸获取的问题(详细教程)
-
js获取前端在本地上传图片的尺寸方法
-
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法_javascript技巧