Impossibile eseguire "createObjectURL" su "URL":

Visualizza l'errore sotto in Safari.

Impossibile eseguire "createObjectURL" su "URL": nessuna funzione trovata corrispondente alla firma fornita.

Il mio codice è:

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

Questo è il mio codice per l'immagine:

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

AGGIORNARE

Considera di evitare il createObjectURL()metodo, mentre i browser lo stanno disabilitando. Basta collegare l' MediaStreamoggetto direttamente alla srcObjectproprietà di HTMLMediaElementesempio <video>element.

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

Tuttavia, se devi lavorare con MediaSource, Blobo File, devi creare un URL URL.createObjectURL()e assegnarlo a HTMLMediaElement.src.

Leggi maggiori dettagli qui: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Risposta precedente

Ho riscontrato lo stesso errore quando sono passato a createObjectURLdati non elaborati:

window.URL.createObjectURL(data)

Deve essere Blob, Fileo MediaSourceoggetto, non dati stessi. Questo ha funzionato per me:

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

Controlla anche l'MDN per maggiori informazioni: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Questo errore è causato perché la funzione createObjectURLè obsoleta per Google Chrome

Ho cambiato questo:

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

a questa:

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

Questo ha funzionato per me.

Il mio codice era rotto perché stavo usando una tecnica deprecata. Era questo:

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

Quindi l'ho sostituito con questo:

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

Funzionava magnificamente.

EDIT: recentemente localMediaStreamè stato deprecato e sostituito con MediaStream. L'ultimo codice è simile al seguente:

video.srcObject = MediaStream;

Riferimenti:

1. Tecnica obsoleta: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Moderna tecnica deprecata: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. Tecnica moderna: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

Ho avuto lo stesso errore per MediaStream. La soluzione imposta un flusso su srcObject.

Dai documenti :

Importante: se si dispone ancora di codice che si basa su createObjectURL () per collegare flussi a elementi multimediali, è necessario aggiornare il codice per impostare semplicemente srcObject su MediaStream direttamente.

Video con fallback:

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

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

Il problema è che le chiavi fornite nel ciclo non si riferiscono all'indice del file.

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

L'output del codice sopra è:

0
length
item

Ma quello che ci si aspettava era:

0
1
2
etc...

Quindi l'errore si verifica quando il browser tenta di eseguire, ad esempio:

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

Suggerisco l'implementazione in base al seguente codice:

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

Spero che questo possa aiutare qualcuno.

Saluti!

Se si utilizza ajax, è possibile aggiungere le opzioni xhrFields: { responseType: 'blob' }:

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

L'ho risolto scaricando l'ultima versione dall'url di GgitHub GitHub