Échec de l'exécution de «createObjectURL» sur «URL»:

Erreur d'affichage ci-dessous dans Safari.

Échec de l'exécution de 'createObjectURL' sur 'URL': aucune fonction correspondant à la signature fournie n'a été trouvée.

Mon code est:

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

Ceci est mon code pour l'image:

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

METTRE À JOUR

Pensez à éviter la createObjectURL()méthode, pendant que les navigateurs désactivent sa prise en charge. Attachez simplement l' MediaStreamobjet directement à la srcObjectpropriété de HTMLMediaElementeg <video>element.

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

Cependant, si vous devez travailler avec MediaSource, Blobou File, vous devez créer une URL avec URL.createObjectURL()et l'attribuer à HTMLMediaElement.src.

Lisez plus de détails ici: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Réponse plus ancienne

J'ai rencontré la même erreur, lorsque je suis passé aux createObjectURLdonnées brutes:

window.URL.createObjectURL(data)

Il doit être Blob, Fileou MediaSourceobjet, pas des données elles-mêmes. Cela a fonctionné pour moi:

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

Consultez également le MDN pour plus d'informations: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Cette erreur est due au fait que la fonction createObjectURLest obsolète pour Google Chrome

J'ai changé ceci:

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

pour ça:

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

Cela a fonctionné pour moi.

Mon code était cassé car j'utilisais une technique obsolète. C'était ça:

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

Ensuite, j'ai remplacé cela par ceci:

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

Cela a fonctionné à merveille.

EDIT: Récemment, localMediaStreama été obsolète et remplacé par MediaStream. Le dernier code ressemble à ceci:

video.srcObject = MediaStream;

Références:

1. Technique obsolète: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Technique obsolète moderne: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. Technique moderne: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

J'ai eu la même erreur pour le MediaStream. La solution est de définir un flux vers le srcObject.

À partir de la documentation :

Important: si vous avez encore du code qui repose sur createObjectURL () pour attacher des flux aux éléments multimédias, vous devez mettre à jour votre code pour simplement définir srcObject directement sur MediaStream.

Vidéo avec repli:

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

Le problème est que les clés fournies dans la boucle ne font pas référence à l'index du fichier.

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

La sortie du code ci-dessus est:

0
length
item

Mais ce qui était attendu était:

0
1
2
etc...

Ensuite, l'erreur se produit lorsque le navigateur tente de s'exécuter, par exemple:

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

Je suggère une implémentation basée sur le code suivant:

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

J'espère que cela peut aider quelqu'un.

Salutations!

Si vous utilisez ajax, il est possible d'ajouter les options xhrFields: { responseType: 'blob' }:

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

Je l'ai corrigé en téléchargeant la dernière version à partir de l' url GgitHub GitHub