Javascript DOM7000:访问被拒绝。跨源URL的资源访问受到限制:';blob:XXXXxxxxx

Javascript DOM7000:访问被拒绝。跨源URL的资源访问受到限制:';blob:XXXXxxxxx,javascript,dom,windows-store-apps,winjs,Javascript,Dom,Windows Store Apps,Winjs,来自MSDN论坛的原始问题,但由于没有人回答,我决定试穿一下 我一直在使用一种方法,让用户将图像从本地计算机上传到我的服务器(DB)。但是现在我增加了缩小图像的可能性,因此如果用户选择(通过FileOpenPicker)一个巨大的图像,我会缩小它的比例,然后在img元素中显示它并上传到服务器(根据用户请求) 这样做之后,当我想通过URL.createObjectURL设置img.src属性时,JavaScript控制台中的主题会发出警告。此外,当我试图上传文件时,我会收到一个“拒绝访问”错误 有

来自MSDN论坛的原始问题,但由于没有人回答,我决定试穿一下

我一直在使用一种方法,让用户将图像从本地计算机上传到我的服务器(DB)。但是现在我增加了缩小图像的可能性,因此如果用户选择(通过
FileOpenPicker
)一个巨大的图像,我会缩小它的比例,然后在
img
元素中显示它并上传到服务器(根据用户请求)

这样做之后,当我想通过
URL.createObjectURL
设置
img.src
属性时,JavaScript控制台中的主题会发出警告。此外,当我试图上传文件时,我会收到一个“拒绝访问”错误

有人能帮忙吗?这里有一个小代码片段

var pixelData, newFile;
file.openAsync(Windows.Storage.FileAccessMode.read)
.then(function (origin) {
    return Windows.Graphics.Imaging.BitmapDecoder.createAsync(origin);
}.bind(this)).then(function (bitmapDecoder) {
    var bitmapTransform = new Windows.Graphics.Imaging.BitmapTransform();
    bitmapTransform.scaledHeight = 768;
    bitmapTransform.scaledWidth = 1024;

    return bitmapDecoder.getPixelDataAsync(Windows.Graphics.Imaging.BitmapPixelFormat.rgba8, Windows.Graphics.Imaging.BitmapAlphaMode.straight, bitmapTransform, Windows.Graphics.Imaging.ExifOrientationMode.respectExifOrientation, Windows.Graphics.Imaging.ColorManagementMode.doNotColorManage);
}.bind(this)).then(function (data) {
    pixelData = data;
    var fileName = this.maximumUploadSize + '_' + file.name;
    return Windows.Storage.ApplicationData.current.temporaryFolder.createFileAsync(fileName, Windows.Storage.CreationCollisionOption.replaceExisting);
}.bind(this)).then(function (aux) {
    newFile = aux;
    Windows.Storage.AccessCache.StorageApplicationPermissions.futureAccessList.add(newFile, newFile.name);
    return newFile.openAsync(Windows.Storage.FileAccessMode.readWrite);
}.bind(this)).then(function (destination) {
    return Windows.Graphics.Imaging.BitmapEncoder.createAsync(Windows.Graphics.Imaging.BitmapEncoder.pngEncoderId, destination);
}.bind(this)).then(function (encoder) {
    encoder.setPixelData(Windows.Graphics.Imaging.BitmapPixelFormat.rgba8, Windows.Graphics.Imaging.BitmapAlphaMode.premultiplied, 1024, 768, 96, 96, pixelData.detachPixelData());
    return encoder.flushAsync();
}.bind(this)).then(function () {
    this.internalSet(newFile);
}.bind(this), function (error) {
    Utils.showError(error);
});
这是internalSet函数的代码,它实际设置了src属性

this.image = file;
if (file) {
    this.imgTag.src = URL.createObjectURL(this.image, { oneTimeOnly: true });
}

提前谢谢

听起来这个错误是目前已知的问题: