// display text
	if (file.type.indexOf("text") == 0) {
		var reader = new FileReader();
		reader.onload = function(e) {
			Output(
				"<p><strong>" + file.name + ":</strong></p><pre class="brush:php;toolbar:false">" + 
				e.target.result.replace(/</g, "&lt;").replace(/>/g, "&gt;") +
				"

	// display an image
	if (file.type.indexOf("image") == 0) {
		var reader = new FileReader();
		reader.onload = function(e) {
			Output(
				"<p><strong>" + file.name + ":</strong><br />" +
				'<img src="' + e.target.result + '" /></p>'
			);
		}
		reader.readAsDataURL(file);
	}

Soalan Lazim (Soalan Lazim) Mengenai HTML5 dan JavaScript Terbuka Fail Droped

Apakah tujuan menggunakan HTML5 dan JavaScript untuk membuka fail yang diturunkan? Ciri ini membolehkan pengguna menyeret dan menjatuhkan fail dari sistem tempatan mereka ke laman web. Setelah jatuh, fail boleh dibaca dan diproses menggunakan JavaScript. Ini amat berguna untuk tugas -tugas seperti memuat naik fail, membaca kandungan fail, atau memproses imej atau dokumen dalam aplikasi web. Apabila pengguna memilih fail pada sistem mereka dan menyeretnya ke laman web, acara 'Dragover' dicetuskan. Jika fail dijatuhkan, acara 'drop' dicetuskan. Harta Datatransfer, yang merupakan sebahagian daripada peristiwa -peristiwa ini, memegang data fail dan boleh digunakan untuk mengakses dan memproses fail. Sebaik sahaja fail dijatuhkan ke laman web, ia boleh diakses melalui harta DataTransfer. Objek FileReader baru boleh dibuat dan kaedah Readastext atau ReadasDataurl boleh digunakan untuk membaca kandungan fail. Hasilnya boleh diakses dalam acara 'Beban' objek FileReader.

Bolehkah saya membuka fail yang diturunkan sekaligus? Harta Datatransfer menyediakan harta 'fail' yang merupakan objek filelist. Objek ini mewakili senarai semua fail yang dijatuhkan. Anda boleh gelung melalui senarai ini untuk mengakses dan memproses setiap fail secara individu.

Apakah jenis fail yang boleh saya buka menggunakan HTML5 dan JavaScript? Walau bagaimanapun, bagaimana anda memproses fail akan bergantung pada jenisnya. Sebagai contoh, fail teks boleh dibaca sebagai teks, manakala fail imej boleh dibaca sebagai URL data dan dipaparkan menggunakan elemen IMG. Walau bagaimanapun, jika data fail dihantar ke pelayan, ia harus disahkan dengan betul dan dibersihkan untuk mengelakkan isu -isu keselamatan. Walau bagaimanapun, mungkin terdapat perbezaan bagaimana ciri -ciri ini dilaksanakan. Oleh itu, penting untuk menguji kod anda pada penyemak imbas yang berbeza untuk memastikan keserasian. Sebagai contoh, jika fail itu adalah imej, ia boleh dibaca sebagai URL data dan ditetapkan sebagai atribut SRC elemen IMG. Jika fail itu adalah fail teks, kandungannya boleh dimasukkan ke dalam elemen teks.

Bolehkah saya menyekat jenis fail yang boleh dijatuhkan? Jika jenis fail tidak sepadan dengan jenis yang dibenarkan, anda boleh memaparkan mesej ralat dan mengabaikan fail. Ciri seret dan drop tidak bergantung kepada lokasi fail. Selagi fail boleh diakses oleh pengguna, mereka boleh diseret dan jatuh ke laman web.