WinJS DOM7009：无法解码URL中的图像

Question

我正在尝试使用Winjs.xhr函数将图片保存到本地文件夹，与应用程序相关。虽然这项工作完全没有问题，但如果我想将图片放置在图像的src属性中，我总是会得到错误DOM7009：无法解码URL ms-appdata:///local/name.png上的图像。我尝试过不同的图像，但这个错误始终发生。

Javascript:

var imgUrl = "http://www.microsoft.com/windows/Framework/images/win_logo.png";

WinJS.xhr({
    url: imgUrl,
    responseType: "blob"
}).then(
    function completed(result) {
        var newFile = result.response;

        var localFolder = Windows.Storage.ApplicationData.current.localFolder;

        var fileName = "image.png";
        var CreationCollisionOption = Windows.Storage.CreationCollisionOption;

        return localFolder.createFileAsync(fileName,CreationCollisionOption.replaceExisting);

}).then(
    function createFileSuccess() {
        var msgtext = "File downloaded successfully!";
        var msg = new Windows.UI.Popups.MessageDialog(msgtext);
        return msg.showAsync();
});

HTML:

<img src="ms-appdata:///local/image.png"/>

我做错了什么？

编辑：我看到其他人在Internet Explorer上也遇到了“无法解码”的错误。那里的问题似乎是使用非常大的图像。但是我只使用图标大小的图像，因此似乎是另一个问题。

- frranz

Answer 1

在https://social.msdn.microsoft.com/Forums/windowsapps/en-US/6352bce1-1427-47ec-9dab-dc41cda165c4/winjswinjs-dom7009-unable-to-decode-image-at-url?forum=wpdevelop#6352bce1-1427-47ec-9dab-dc41cda165c4中解决了问题。

我打开了文件，但没有写入任何内容。

- frranz