如何从图像 url 创建一个 Blob 对象？答案

【问题标题】：How to create a Blob object from image url?如何从图像 url 创建一个 Blob 对象？
【发布时间】：2014-06-23 22:20:29
【问题描述】：

我正在使用 Winjs（适用于 Windows 8 应用程序的 JavaScript）。我想要的是通过给出路径从我的静态图像的特定 url 创建一个简单的 blob 对象。解决办法是什么？任何帮助将不胜感激。

【问题讨论】：

标签： javascript winjs

【解决方案1】：

下面使用的'MSApp.CreateFileFromStorageFile()` 将起作用。如果您需要使用 WinJS.xhr() 发送文件，您可以在 xhrOptions 中设置为数据。

var uri = new Windows.Foundation.Uri('ms-appx:///images/IMG_0550.jpg');
        var self = this;
        Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri).then(function ongetfilecomplete(storageFile)
        {
            var file = MSApp.createFileFromStorageFile(storageFile);
            var url = URL.createObjectURL(file, { oneTimeOnly: true });
            // assume that this.imageElement points to the image tag
            self.imageElement.setAttribute('src', url);
        }).then(null, function onerror(error)
        {

        });

请参考link，以防您正在寻找将 blob 上传到 azure。为了将 blob 也发送到您的网络服务，代码将在这些行中。

【讨论】：

我不希望从存储文件中获取图像文件（我不想添加新功能）：如何使用 /images 文件夹中的图像实例化 blob 对象，甚至是清空一个 Blob，我需要它与我的网络服务一起发送

【解决方案2】：

URL.createObjectURL("") 应该可以工作。我用它所有的时间。使用其他一些 URL 对其进行测试。您可以在 JS 控制台中以调试模式执行此操作，以使其更容易。

【讨论】：