Question

我正在尝试此代码，但只获得图像大小而不是图像宽度。

$('#myFile').bind('change', function() {

    var size = this.files[0].size;
    var w = this.files[0].width;
    var sizeKB = Math.round(size/1024);
    alert(sizeKB+'KB');
    alert(w);

});

<input type="file" id="myFile" />

有人有解决方案吗？

Answer 1

在图像更改事件

上编写此代码

         var _URL = window.URL;
        function checkImage(fileObj){
        var file, img;
        if ((file = fileObj.files[0])) {
            img = new Image();
            img.onload = function () {
                alert("Width:" + this.width + "   Height: " + this.height);//this will give you image width and height and you can easily validate here....
            };
            img.src = _URL.createObjectURL(file);
        }
    }

这将在图像载荷

时给出高度和宽度

Answer 2

确保您在supports the HTML5 File API下测试此代码的浏览器。这是nice article您可以查看的内容。

Answer 3

您无法使用原始JavaScript访问图像。您需要使用某种类型的Flash上传器，例如Uploadify。

Answer 4

使用jQuery：

$(this).prop('files')[0].size

我想获得图像大小，宽度，高度而不上传图像

4 个答案: