处理js（jquery或html5）中的图像内容？

Question

现在我从动态网址中提取图片：

<img src="http://imageserver/some/source/xxxx.jpg" />

行为或图像服务器如下所示，我无法在此修改：

1. 如果找到特定图像，请返回状态代码为200的图像内容;
2. 如果未找到，请返回特定图像内容（如下所示），状态代码为200;

所以，到目前为止，我找不到一种有效的方法来确定这个图像是否存在。

然后我开始思考，如果我能读取图像内容数据并比较（可能是哈希码？）内容来判断它。

有没有办法做到这一点？使用javascript，html5还是jQuery？

希望你的帮助，掌握！

Answer 1

以下是我的想法，使用jquery ...但仍然需要一些解决方法，因为你可以获得异步响应。

var noPictureImageData;

$(window).load(function () {
    // Get the original "no picture image"
    $.ajax({
        url: "url_to_no_picture.jpg",
        success: function (imagedata) {
            noPictureImageData = imagedata;
        }
    });

    // Once your image is loaded, then compare their bytes.
    $("#image").load(function () {
        $.ajax({
            url: $(this).attr("src"),
            success: function (imagedata) {
                /* Effectively compare contents, not sure about how conversion into strings performance could be. */
                if( true  ) {

                    // You have your no picture image loaded.

                }
            }
        });
    });
});