在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); 
            }
       }           
   } 
} 

当前回答

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

我改了这个:

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

:

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

这对我很管用。

其他回答

我的代码被破坏了,因为我使用了一种过时的技术。以前是这样的:

video.src = window.URL.createObjectURL(localMediaStream);
video.play();

然后我把它换成了这个:

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

效果很好。

编辑:最近localMediaStream已弃用并被MediaStream取代。最新的代码是这样的:

video.srcObject = new MediaStream();

引用:

已弃用的技术:https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL 现已弃用的技术:https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject 现代技术:https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

视频与回落:

try {
  video.srcObject = mediaSource;
} catch (error) {
  video.src = URL.createObjectURL(mediaSource);
}
video.play();

来自: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

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

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);
    ...
}

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

问候!

我尝试了一些东西,但对我来说,简单地分配流到src工作。

video.srcObject=stream;

我可以通过检查对象是否为空来修复这个问题。 {对象?URL.createObjectURL(对象):"default.png"}

这使我得出结论,错误发生时,对象为空。