Question

我最近被要求使用ajax和php创建一个处理图像文件上传到服务器的页面。问题是当文件被选中时，它应该在页面上预览。

问题是我的眼睛被摧毁，因此如果图像对用户可见或不可见，我无法验证图像。为了解决这个问题，我最终检查了值的src属性，如下所示：

$("#img").attr('src');

我的问题是：给定元素的一定长度和高度，我是否可以确定只要src属性有值，就会看到有效的图像文件？它会在所有情况下都有效吗？如果没有，检查图像是否存在且可见的最佳方法是什么？

Answer 1

要检查图片的加载状态和可用性，您可以使用load和error事件监听器。

$("#img").on("load", function() {
    // the image is successfully loaded
}).on("error", function() {
    // the image could not be loaded, maybe the image is not availbale
});

检查图像文件的可见性

1 个答案: