Bagaimana untuk Menukar URL Objek kepada Fail atau Blob untuk Penyerahan Borang?

Mengambil Fail atau Blob daripada URL Objek

Apabila bekerja dengan imej dalam aplikasi web, adalah perkara biasa untuk menggunakan seret-dan- drop atau kaedah lain untuk membolehkan pengguna memuat naik fail. Untuk memaparkan imej ini, URL.createObjectURL biasanya digunakan untuk menukarnya kepada URL objek. Walau bagaimanapun, apabila ia datang untuk menyerahkan imej ini sebagai sebahagian daripada borang, persoalan timbul: bagaimana anda boleh menukar URL objek ini kembali kepada Fail atau Blob dan menambahkannya pada objek FormData?

Moden Penyelesaian

Pelayar moden menyediakan penyelesaian yang mudah dan cekap:

<code class="javascript">let blob = await fetch(url).then(r => r.blob());</code>

Kod ini boleh digunakan untuk mengambil Fail atau Blob daripada kedua-dua URL objek dan URL biasa. Parameter URL boleh menjadi URL objek yang dibuat sebelum ini.

Setelah anda mempunyai Blob, anda boleh menambahkannya dengan mudah pada objek FormData dan menyerahkan borang. Berikut ialah contoh:

<code class="javascript">// Assume you have the Blob from the object URL
const formData = new FormData();
formData.append('image', blob);

// Submit the form via AJAX or another mechanism
fetch('/upload', {
  method: 'POST',
  body: formData
});</code>

Atas ialah kandungan terperinci Bagaimana untuk Menukar URL Objek kepada Fail atau Blob untuk Penyerahan Borang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!