本文介绍了一种使用JavaScript读取用户上传图片尺寸的方法。通过利用HTML的文件输入元素和FileReader API，可以将选中的图片转换为Data URL并获取其宽度和高度。
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);
};
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">
转载自：https://www.cnblogs.com/longzhongren/p/5715628.html
扫一扫
769
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
