Fehler beim Ausführen von 'createObjectURL' unter 'URL':

Anzeige unten Fehler in Safari.

Fehler beim Ausführen von 'createObjectURL' unter 'URL': Es wurde keine Funktion gefunden, die mit der angegebenen Signatur übereinstimmt.

Mein Code lautet:

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

Dies ist mein Code für Bild:

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

AKTUALISIEREN

Vermeiden Sie createObjectURL()Methoden, während Browser die Unterstützung dafür deaktivieren. Hängen Sie das MediaStreamObjekt einfach direkt an die srcObjectEigenschaft von HTMLMediaElementeg <video>element an.

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

Wenn Sie jedoch müssen die Arbeit mit MediaSource, Bloboder Filemüssen Sie mit einer URL erstellen URL.createObjectURL()und zuweisen zu HTMLMediaElement.src.

Weitere Informationen finden Sie hier: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Ältere Antwort

Beim Übergeben an createObjectURLRohdaten trat der gleiche Fehler auf :

window.URL.createObjectURL(data)

Es muss sein Blob, Fileoder MediaSourceObjekt, die Daten nicht selbst. Das hat bei mir funktioniert:

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

Weitere Informationen finden Sie auch im MDN: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Dieser Fehler wird verursacht, weil die Funktion createObjectURLfür Google Chrome veraltet ist

Ich habe das geändert:

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

dazu:

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

Das hat bei mir funktioniert.

Mein Code war fehlerhaft, weil ich eine veraltete Technik verwendet habe. Früher war es das:

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

Dann habe ich das durch folgendes ersetzt:

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

Das hat wunderbar funktioniert.

EDIT: Vor kurzem localMediaStreamwurde veraltet und ersetzt durch MediaStream. Der neueste Code sieht folgendermaßen aus:

video.srcObject = MediaStream;

Verweise:

1. Veraltete Technik: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Moderne veraltete Technik: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. Moderne Technik: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

Ich hatte den gleichen Fehler für den MediaStream. Die Lösung setzt einen Stream auf das srcObject.

Aus den Dokumenten :

Wichtig: Wenn Sie noch Code haben, der auf createObjectURL () basiert, um Streams an Medienelemente anzuhängen, müssen Sie Ihren Code aktualisieren, um srcObject einfach direkt auf MediaStream zu setzen.

Video mit Rückfall:

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

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

Das Problem ist, dass die in der Schleife bereitgestellten Schlüssel nicht auf den Index der Datei verweisen.

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

Die Ausgabe des obigen Codes lautet:

0
length
item

Aber was erwartet wurde war:

0
1
2
etc...

Der Fehler tritt dann auf, wenn der Browser versucht, Folgendes auszuführen: Beispiel:

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

Ich schlage eine Implementierung vor, die auf dem folgenden Code basiert:

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

Ich hoffe das kann jemandem helfen.

Schöne Grüße!

Wenn Sie Ajax verwenden, können Sie folgende Optionen hinzufügen xhrFields: { responseType: 'blob' }:

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

Ich habe das Herunterladen der neuesten Version von der GgitHub GitHub-URL behoben