Rumah > hujung hadapan web > tutorial js > Bagaimana JavaScript Boleh Menulis Data ke Fail untuk Muat Turun?

Bagaimana JavaScript Boleh Menulis Data ke Fail untuk Muat Turun?

DDD
Lepaskan: 2024-12-26 03:22:09
asal
1044 orang telah melayarinya

How Can JavaScript Write Data to a File for Download?

Menulis Data ke Fail dalam JavaScript

Walaupun JavaScript tidak menyokong penulisan fail secara asli, ia masih boleh dicapai melalui penggunaan Blobs yang bijak dan URL.createObjectURL.

Pelayar membenarkan penciptaan fail menggunakan kaedah ini. Walau bagaimanapun, disebabkan kebimbangan keselamatan, penyimpanan terus fail yang dibuat adalah dilarang. Sebaliknya, pautan muat turun boleh diberikan kepada pengguna. Penyemak imbas mungkin menyokong atribut "muat turun", yang membolehkan anda mencadangkan nama fail.

Kod di bawah menyediakan fungsi untuk menjana fail teks daripada teks yang diberikan:

1

2

3

4

var makeTextFile = function (text) {

  var data = new Blob([text], {type: 'text/plain'});

  return window.URL.createObjectURL(data);

};

Salin selepas log masuk

Untuk memulakan muat turun dari kawasan teks, anda boleh menggunakan kod berikut:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

var create = document.getElementById('create'),

    textbox = document.getElementById('textbox');

 

create.addEventListener('click', function () {

  var link = document.createElement('a');

  link.setAttribute('download', 'info.txt');

  link.href = makeTextFile(textbox.value);

  document.body.appendChild(link);

 

  // simulate mouse click on link to start download

  var event = new MouseEvent('click');

  link.dispatchEvent(event);

  document.body.removeChild(link);

});

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana JavaScript Boleh Menulis Data ke Fail untuk Muat Turun?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan