javascript - 使用 EaselJS 位图时捕获错误的 URL

Question

有没有办法在尝试将 URL 加载到 createjs.Bitmap 之前检查 URL 是否指向有效图像？我一直在尝试捕捉错误 URL(在 Firefox 中)的错误，但由于某种原因不起作用。

    try {

        image = new createjs.Bitmap ( "image" );

    } catch ( err ) {

        console.log ( "oops" );
        return null;

    }

当我在 Firefox 中运行此代码时，错误仍然显示在控制台中，并且记录的消息没有。那么，我的问题是，有没有办法预先验证 URL？

Answer 1

如果图像是坏的、未定义的、空的等 - 它会 不是 throw一个错误，所以 try/catch 什么都不做。

如果您使用 PreloadJS (CreateJS 套件的一部分)加载图像，您可以收听 error事件，如果任何图像加载失败(或超时)，队列将抛出该事件。

var queue = new createjs.LoadQueue();
queue.on("error", handleError);
queue.loadFile("404image.png");

当前没有仅使用原始 Bitmap 的内置方法实例来确定是否发生错误。通过字符串路径传递给 Bitmap 的图像不会预加载，而只是使用 Image 实例在内部请求。