"URL" üzerinde "createObjectURL" yürütülemedi:

Safari'de aşağıdaki hatayı görüntüle.

'URL'de' createObjectURL 'yürütülemedi: Sağlanan imzayla eşleşen bir işlev bulunamadı.

Kodum:

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

Bu benim resim kodum:

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

GÜNCELLEME

createObjectURL()Tarayıcılar bunun için desteği devre dışı bırakırken yöntemden kaçınmayı düşünün . Sadece MediaStreamnesneyi örneğin element srcObjectözelliğine doğrudan iliştirin .HTMLMediaElement<video>

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

Ancak, çalışmak gerekiyorsa MediaSource, Blobya Filesen sahip bir URL oluşturmak zorunda, URL.createObjectURL()ve atamak HTMLMediaElement.src.

Daha fazla ayrıntıyı buradan okuyun: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Eski Cevap

createObjectURLHam verilere geçtiğimde de aynı hatayı yaşadım :

window.URL.createObjectURL(data)

Bu olmak zorundadır Blob, Fileya da MediaSourcenesne, veriyi barındırmaz. Bu benim için çalıştı:

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

Daha fazla bilgi için MDN'yi de kontrol edin: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

Bu hatanın nedeni, işlevin createObjectURLGoogle Chrome için kullanımdan kaldırılmasıdır

Ben bunu değiştirdim:

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

buna:

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

Bu benim için çalıştı.

Kullanımdan kaldırılmış bir teknik kullandığım için kodum kırıldı. Eskiden şuydu:

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

Sonra bunu şununla değiştirdim:

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

Bu çok güzel çalıştı.

DÜZENLEME: Yakın localMediaStreamzamanda kullanımdan kaldırıldı ve ile değiştirildi MediaStream. En son kod şuna benzer:

video.srcObject = MediaStream;

Referanslar:

1. Kullanımdan kaldırılan teknik: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
2. Kullanımdan kaldırılmış modern teknik: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject
3. Modern teknik: https://developer.mozilla.org/en-US/docs/Web/API/MediaStream

MediaStream için de aynı hatayı aldım. Çözüm, srcObject'e bir akış ayarlanır.

Gönderen docs :

Önemli: Akışları medya öğelerine eklemek için createObjectURL () yöntemine dayanan kodunuz hala varsa, srcObject öğesini doğrudan MediaStream'e ayarlamak için kodunuzu güncellemeniz gerekir.

Geri dönüşlü video:

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

Gönderen: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

Sorun, döngüde sağlanan anahtarların dosyanın dizinine atıfta bulunmamasıdır.

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

Yukarıdaki kodun çıktısı:

0
length
item

Ancak beklenen şuydu:

0
1
2
etc...

Ardından, tarayıcı yürütmeye çalıştığında hata oluşur, örneğin:

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

Aşağıdaki koda göre uygulamayı öneririm:

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

Umarım bu birine yardımcı olabilir.

Selamlar!

Ajax kullanıyorsanız, seçenekleri eklemek mümkündür 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'sinden en son sürümü indirirken sorunu düzelttim