Question

点击该按钮时我有一个按钮，我需要获取图像文件大小

function attachPhoto()
{
    var path="http://www.w3schools.com/images/pulpit.jpg";// i need to check size of image
}

<input type="button" style="width:30%" onClick=" attachPhoto()" />

Answer 1

$('element').width()或$('element').height()

Answer 2

$('image').width()和$('image').height()

仅在完全加载后（可能将其附加到.load()事件）。

Answer 3

如果您只想使用URL获取文件的尺寸，则需要使用PHP之类的外部语言。 jQuery无法检索文件属性。

这样做的一种方法是将图像加载到屏幕外的某处并获得$（'image'）。width（）＆amp; $（'image'）。height（）但它不是理想的方式。

最好的方法是使用ajax调用php脚本来检查文件的大小并将其返回给jQuery。

你有权访问php服务器吗？

Answer 4

这是一个非jQuery解决方案：

function attachPhoto() {
    var img = new Image();
    img.onload = function() {
        alert([img.width, img.height]);
    } 
    img.src = "http://www.w3schools.com/images/pulpit.jpg";
}

请注意，一旦加载文件，图像大小仅可用，并且onload回调将被异步调用。如果您想知道必须从内部回调中触发的大小，就会发生其他事情。

如何在jquery中检查图像文件大小？

4 个答案: