使用JavaScript从DataURI同步创建图像对象

Question

有没有人知道是否可以使用JavaScript从数据uri同步创建图像对象？可以像这样异步地从数据URI创建图像对象：

            imageObj = new Image();
            imageObj.onload = function() {
                callback(imageObj);
            };
            imageObj.src = dataURI;

您可能认为这样可行：

            imageObj = new Image();
            imageObj.src = dataURI;
            callback(imageObj);

但如果我没记错的话，在某些浏览器中会失败。

想法？

Answer 1

我认为您可以使用complete对象的Image属性。

http://www.w3schools.com/jsref/prop_img_complete.asp

在调用callback函数之前，在循环中，您可以不断检查complete是否为true。一旦它是真的，那么它就被加载了。