对“URL”执行“createObjectURL”失败:

在Safari中显示下面错误。

对'URL'执行'createObjectURL'失败:没有找到与提供的签名匹配的函数。

我的代码是:

function createObjectURL(object) {
    return (window.URL) ? window.URL.createObjectURL(object) : window.webkitURL.createObjectURL(object);
}

这是我的图像代码:

function myUploadOnChangeFunction() { 
    if (this.files.length) { 
       for (var i in this.files) { 
           if (this.files.hasOwnProperty(i)) { 
              var src = createObjectURL(this.files[i]); 
              var image = new Image(); 
              image.src = src; 
              imagSRC = src; 
              $('#img').attr('src', src); 
            }
       }           
   } 
}

当前回答

问题在于循环中提供的键并不指向文件的索引。

for (var i in this.files) {
    console.log(i);
}

上述代码的输出是:

0
length
item

但人们所期望的是:

0
1
2
etc...

然后在浏览器试图执行时出现错误，例如:

window.URL.createObjectURL(this.files["length"])

我建议基于以下代码实现:

var files = this.files;
for (var i = 0; i < files.length; i++) {
    var file = files[i],
        src = (window.URL || window.webkitURL).createObjectURL(file);
    ...
}

我希望这能帮助到一些人。

问候!

2017-04-17 15:37:31

其他回答

我在MediaStream上也有同样的错误。解决方案是将一个流设置为srcObject。

从文档中可以看出:

重要:如果您仍然有代码依赖createObjectURL()来实现附加流到媒体元素，您需要更新您的代码简单地将srcObject直接设置为MediaStream。

2018-12-05 11:34:34

//my code was:

this._videoEl = videoEl;
        navigator.mediaDevices.getUserMedia({
            video : true
        }).then(stream => {
            this._videoEl.src = URL.createObjectURL(stream);
            this._videoEl.play();
        }).catch(err => {
            console.log(err);
        });

//and replace to this worked for me :

this._videoEl = videoEl;
        navigator.mediaDevices.getUserMedia({
            video : true
        }).then(stream => {
            this._videoEl.srcObject = stream;
            this._videoEl.play();
        }).catch(err => {
            console.log(err);
        });

2022-07-21 18:21:15

此错误是因为createObjectURL函数不再接受谷歌Chrome的媒体流对象

我改了这个:

video.src=vendorUrl.createObjectURL(stream);
video.play();

video.srcObject=stream;
video.play();

这对我很管用。

2018-12-17 19:14:56

如果你正在使用angular，本教程将会很有帮助:link。但是你需要替换这一行:

this.video.src = window.URL.createObjectURL(stream);

因为createObjectURL()在MediaStream的chrome上已弃用。

this.video.srcObject = stream;

2021-05-25 06:19:17

我下载了最新的版本 GitHub

2019-02-20 17:47:55

对“URL”执行“createObjectURL”失败:

推荐文章

最新文章

标签