Bagaimanakah saya boleh mengawal nama fail semasa memuat turun gumpalan dalam JavaScript?

Nama Fail Tersuai untuk Muat Turun Blob dalam JavaScript

Apabila memuat turun fail gumpalan secara paksa melalui window.location, nama fail yang ditetapkan boleh menjadi rentetan rawak . Untuk menyesuaikan nama fail ini, penyelesaian yang melibatkan elemen tersembunyi digunakan.

Pelaksanaan

FileSaver.js menyediakan pendekatan yang melibatkan:

1. Mencipta elemen.
2. Menetapkan atribut hrefnya kepada URL gumpalan.
3. Menetapkan atribut muat turunnya kepada nama fail yang diingini.
4. Mengklik pada elemen.

Contoh

Contoh ringkas berikut menggambarkan teknik:

var saveData = (function () {
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";
  return function (data, fileName) {
    var json = JSON.stringify(data),
      blob = new Blob([json], { type: "octet/stream" }),
      url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = fileName;
    a.click();
    window.URL.revokeObjectURL(url);
  };
}());

var data = { x: 42, s: "hello, world", d: new Date() },
  fileName = "my-download.json";

saveData(data, fileName);

Nota

• Pelayar lama mungkin tidak menyokong muat turun atribut.
• Format fail tertentu mungkin dianggap tidak selamat dan mencetuskan kegagalan muat turun. Menyimpan fail JSON dengan sambungan .txt disyorkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengawal nama fail semasa memuat turun gumpalan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!