Error al ejecutar 'createObjectURL' en 'URL':

Mostrar error a continuación en Safari.

Error al ejecutar 'createObjectURL' en 'URL': no ​​se encontró ninguna función que coincidiera con la firma proporcionada.

Mi código es:

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

Este es mi código para la imagen:

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

ACTUALIZAR

Considere evitar el createObjectURL()método, mientras que los navegadores deshabilitan la compatibilidad con este. Simplemente adjunte el MediaStreamobjeto directamente a la srcObjectpropiedad de, HTMLMediaElementpor ejemplo, <video>elemento.

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

Sin embargo, si necesita trabajar con MediaSource, Blobo Filedebe crear una URL URL.createObjectURL()y asignarla HTMLMediaElement.src.

Lea más detalles aquí: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Respuesta anterior

Experimenté el mismo error cuando pasé a createObjectURLdatos sin procesar:

window.URL.createObjectURL(data)

Tiene que ser Blob, Fileu MediaSourceobjeto, no datos en sí. Esto funcionó para mí:

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

Consulte también el MDN para obtener más información: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Este error se debe a que la función createObjectURLestá en desuso para Google Chrome

Cambié esto:

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

a esto:

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

Esto funcionó para mí.

Mi código estaba roto porque estaba usando una técnica obsoleta. Solía ​​ser esto:

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

Luego lo reemplacé con esto:

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

Eso funcionó muy bien.

EDITAR: recientemente localMediaStreamha quedado en desuso y reemplazado por MediaStream. El último código se ve así:

video.srcObject = MediaStream;

Referencias

1. Técnica obsoleta: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Técnica moderna desaprobada: 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

Tuve el mismo error para MediaStream. La solución es establecer una secuencia para el srcObject.

De los documentos :

Importante: Si todavía tiene código que se basa en createObjectURL () para adjuntar transmisiones a elementos multimedia, debe actualizar su código para simplemente configurar srcObject directamente en MediaStream.

Video con retroceso:

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

El problema es que las claves proporcionadas en el bucle no hacen referencia al índice del archivo.

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

La salida del código anterior es:

0
length
item

Pero lo que se esperaba era:

0
1
2
etc...

Luego, el error ocurre cuando el navegador intenta ejecutar, por ejemplo:

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

Sugiero implementación basada en el siguiente 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 esto pueda ayudar a alguien.

¡Saludos!

Si está utilizando ajax, es posible agregar las opciones xhrFields: { responseType: 'blob' }:

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

Lo arreglé descargando la última versión de la URL de GgitHub GitHub