Falha ao executar 'createObjectURL' no 'URL':

Erro de exibição abaixo no Safari.

Falha ao executar 'createObjectURL' no 'URL': Nenhuma função foi encontrada que corresponda à assinatura fornecida.

Meu código é:

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

Este é o meu código de imagem:

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

ATUALIZAR

Considere evitar o createObjectURL()método, enquanto os navegadores estão desativando o suporte a ele. Basta anexar o MediaStreamobjeto diretamente à srcObjectpropriedade do elemento HTMLMediaElementeg <video>.

const mediaStream = new MediaStream();
const video = document.getElementById('video-player');
video.srcObject = mediaStream;

No entanto, se você precisar trabalhar com MediaSource, Blobou File, precisará criar um URL URL.createObjectURL()e atribuí-lo a HTMLMediaElement.src.

Leia mais detalhes aqui: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Resposta mais antiga

Eu experimentei o mesmo erro quando passei para createObjectURLdados brutos:

window.URL.createObjectURL(data)

Tem que ser Blob, Fileou MediaSourceobjeto, não os dados em si. Isso funcionou para mim:

var binaryData = [];
binaryData.push(data);
window.URL.createObjectURL(new Blob(binaryData, {type: "application/zip"}))

Verifique também o MDN para obter mais informações: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Este erro foi causado porque a função createObjectURLfoi descontinuada para o Google Chrome

Eu mudei isso:

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

para isso:

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

Isso funcionou para mim.

Meu código foi quebrado porque eu estava usando uma técnica obsoleta. Costumava ser isso:

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

Então substituí isso por:

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

Isso funcionou lindamente.

EDIT: recentemente localMediaStreamfoi preterido e substituído por MediaStream. O código mais recente é assim:

video.srcObject = MediaStream;

Referências:

1. Técnica descontinuada: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Técnica obsoleta moderna: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. Técnica moderna: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

Eu tive o mesmo erro para o MediaStream. A solução é configurada como um fluxo para o srcObject.

Dos documentos :

Importante: Se você ainda possui um código que se baseia em createObjectURL () para anexar fluxos a elementos de mídia, é necessário atualizar seu código para simplesmente configurar srcObject no MediaStream diretamente.

Vídeo com retorno:

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

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

O problema é que as chaves fornecidas no loop não se referem ao índice do arquivo.

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

A saída do código acima é:

0
length
item

Mas o que era esperado era:

0
1
2
etc...

O erro ocorre quando o navegador tenta executar, por exemplo:

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

Sugiro a implementação com base no seguinte código:

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

Espero que isso possa ajudar alguém.

Saudações!

Se você estiver usando ajax, é possível adicionar as opções xhrFields: { responseType: 'blob' }:

$.ajax({
  url: 'yourURL',
  type: 'POST',
  data: yourData,
  xhrFields: { responseType: 'blob' },
  success: function (data, textStatus, jqXHR) {
    let src = window.URL.createObjectURL(data);
  }
});

Corrigi-o baixando a versão mais recente do GgitHub GitHub url