「URL」で「createObjectURL」を実行できませんでした：

Safariで以下のエラーを表示します。

「URL」で「createObjectURL」を実行できませんでした：指定された署名に一致する関数が見つかりませんでした。

私のコードは：

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

これは私の画像のコードです：

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

更新

createObjectURL()ブラウザーがそのサポートを無効にしている間は、メソッドを回避することを検討してください。たとえば、要素MediaStreamのsrcObjectプロパティにオブジェクトを直接アタッチするだけです。HTMLMediaElement<video>

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

しかし、あなたが作業する必要がある場合MediaSource、BlobまたはFile、あなたがURLを作成する必要がありますURL.createObjectURL()し、それを割り当てますHTMLMediaElement.src。

詳細については、こちらをご覧ください：https : //developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

古い回答

createObjectURL生データに渡したときに同じエラーが発生しました：

window.URL.createObjectURL(data)

それはなければならないBlob、FileまたはMediaSourceオブジェクトではなく、データそのもの。これは私のために働きました：

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

詳細についてはMDNも確認してください：https : //developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

このエラーは、関数createObjectURLがGoogle Chromeで非推奨であるために発生します

私はこれを変更しました：

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

これに：

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

これでうまくいきました。

非推奨の手法を使用していたため、コードが壊れました。以前はこれでした：

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

それを私はこれに置き換えました：

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

それは美しく機能しました。

編集：最近localMediaStream非推奨になり、に置き換えられましたMediaStream。最新のコードは次のようになります。

video.srcObject = MediaStream;

参照：

1. 非推奨の手法：https : //developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. 最新の推奨されない手法：https : //developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. 最新のテクニック：https : //developer.mozilla.org/en-US/docs/Web/API/MediaStream

MediaStreamでも同じエラーが発生しました。ソリューションは、srcObjectにストリームを設定します。

ドキュメントから：

重要：メディア要素にストリームをアタッチするためにcreateObjectURL（）に依存するコードがまだある場合は、srcObjectを直接MediaStreamに設定するようにコードを更新する必要があります。

フォールバック付きのビデオ：

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

送信元：https : //developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

問題は、ループで提供されるキーがファイルのインデックスを参照しないことです。

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

上記のコードの出力は次のとおりです。

0
length
item

しかし、期待されていたのは：

0
1
2
etc...

次に、ブラウザが実行しようとすると、エラーが発生します。次に例を示します。

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

次のコードに基づいて実装を提案します。

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

これが誰かの役に立つことを願っています。

こんにちは！

ajaxを使用している場合は、オプションを追加できますxhrFields: { responseType: 'blob' }。

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

GgitHub GitHub urlから最新バージョンをダウンロードするように修正しました