Rumah > hujung hadapan web > tutorial js > js untuk menyemak imbas fail tempatan dan memaparkan kemahiran extensions_javascript

js untuk menyemak imbas fail tempatan dan memaparkan kemahiran extensions_javascript

WBOY
Lepaskan: 2016-05-16 15:44:35
asal
1197 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara js melaksanakan penyemakan imbas fail setempat dan memaparkan sambungan. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Di sini anda menggunakan medan fail untuk menyemak imbas fail yang ditentukan dan anda boleh memaparkan sambungan fail tersebut. Ia boleh digunakan dalam sistem muat naik fail untuk menentukan sama ada jenis fail yang dimuat naik adalah jenis yang sah. Jika tidak, muat naik tidak dibenarkan. Lihat sekali lagi pada kod itu, ia kurang daripada 10 baris, dan ia menyelesaikan masalah Rakan yang sedang belajar JavaScript, anda juga boleh merujuknya.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-view-nav-file-ext-codes/

Kod khusus adalah seperti berikut:

<html>
<head>
<title>取得文件字段中选取文件的扩展名</title>
<script language="javascript">
<!--
 function getFilename(){
  str = new Array();
  filename = form1.file.value;
  str = filename.split(".");
  extname = str[str.length - 1];
  alert(extname);
 }
//-->
</script>
</head>
<body>
<form enctype="multipart/form-data" name="form1">
 <input type="file" name="file">
 <input type="button" value="显示扩展名" onClick="getFilename()">
</form>
</body>
</html>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Label berkaitan:
sumber:php.cn
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