Adakah terdapat objek fail dalam javascript?

Terdapat objek fail dalam JavaScript; objek fail mewakili fail dan digunakan untuk membaca dan menulis maklumat fail Objek ini mewarisi objek Blob dan memanjangkan fungsi yang berkaitan dengan sistem fail digunakan dalam semua situasi Anda boleh menggunakan objek fail; anda boleh menggunakan pembina "Fail(Bahagian fail, Nama fail, [pilihan])" untuk mendapatkan objek fail.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Terdapat objek fail dalam JavaScript

Objek fail

Objek fail mewakili fail dan digunakan untuk membaca dan menulis maklumat fail. Ia mewarisi objek Blob, atau objek Blob khas, yang boleh digunakan dalam semua situasi di mana objek Blob boleh digunakan.

Kes penggunaan yang paling biasa ialah kawalan muat naik fail () bagi borang Selepas pengguna memilih fail, penyemak imbas akan menjana tatasusunan yang mengandungi setiap fail yang dipilih oleh pengguna.

// HTML 代码如下
// <input id="fileItem" type="file">
var file = document.getElementById(&#39;fileItem&#39;).files[0];
file instanceof File // true

Dalam kod di atas, fail ialah fail pertama yang dipilih oleh pengguna, yang merupakan contoh Fail.

Pembina

Pelayar secara asalnya menyediakan pembina Fail() untuk menjana objek contoh Fail.

Fail baharu(tatasusunan, nama [, pilihan])

Pembina Fail() menerima tiga parameter.

tatasusunan: Tatasusunan yang ahlinya boleh menjadi objek binari atau rentetan, yang mewakili kandungan fail.

nama: rentetan, mewakili nama fail atau laluan fail.

pilihan: Objek konfigurasi, tetapkan sifat kejadian. Parameter ini adalah pilihan.

Objek konfigurasi parameter ketiga boleh menetapkan dua atribut.

jenis: String, menunjukkan jenis MIME objek contoh Nilai lalai ialah rentetan kosong.

lastModified: cap waktu, menunjukkan masa terakhir diubah suai, lalai ialah Date.now().

Berikut ialah contohnya.

var file = new File(
  ['foo'],
  'foo.txt',
  {
    type: 'text/plain',
  }
);

Sifat Contoh dan Kaedah Contoh

Objek fail mempunyai sifat contoh berikut.

File.lastModified: masa terakhir diubah suai

Nama fail: nama fail atau laluan fail

Saiz fail: saiz fail (dalam bait)

File.type: jenis MIME fail

var myFile = new File([], 'file.bin', {
  lastModified: new Date(2018, 1, 1),
});
myFile.lastModified // 1517414400000
myFile.name // "file.bin"
myFile.size // 0
myFile.type // ""

Dalam kod di atas, memandangkan kandungan myFile kosong dan jenis MIME tidak ditetapkan, atribut saiz adalah sama dengan 0 dan atribut jenis ialah sama dengan rentetan kosong.

Objek fail tidak mempunyai kaedah contoh sendiri Memandangkan ia mewarisi objek Blob, anda boleh menggunakan slice kaedah contoh Blob().

Pengetahuan Berkembang:

Terdapat dua cara untuk mendapatkannya.

Yang pertama, serupa dengan Blob, mempunyai pembina:

Fail baharu(Bahagian fail, Nama fail, [pilihan] )

• fileParts - tatasusunan nilai jenis Blob/BufferSource/String.

• Nama fail - rentetan nama fail.

• pilihan - Objek pilihan:

  • lastModified - Cap masa pengubahsuaian terakhir (tarikh integer).

Jenis kedua, teg input

Lazimnya, kita bermula dari <input type="file"> atau Seret dan lepaskan atau antara muka penyemak imbas lain untuk mendapatkan fail. Dalam kes ini, fail akan mendapat maklumat ini daripada sistem pengendalian (OS).

Memandangkan Fail mewarisi daripada Blob, objek Fail mempunyai sifat yang sama, dilampirkan:

• nama - nama fail,
• lastModified - kali terakhir Cap waktu Diubah suai.

Inilah cara kita mendapatkan <input type="file"> objek daripada File:

<input type="file" onchange="showFile(this)"><script>function showFile(input) {
  let file = input.files[0];

  alert(`File name: ${file.name}`); // 例如 my.png
  alert(`Last modified: ${file.lastModified}`); // 例如 1552830408824}</script>

Butiran:

Sila ambil perhatian:

Input boleh memilih berbilang fail, jadi input.files ialah objek seperti tatasusunan. Di sini kami hanya mempunyai satu fail, jadi kami hanya mengambil
input.files[0].

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Adakah terdapat objek fail dalam javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!