masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > input file的默认value清空与赋值方法_javascript技巧

input file的默认value清空与赋值方法_javascript技巧

WBOY

Lepaskan： 2016-05-16 18:19:22

asal

1824 orang telah melayarinya

第1个方法是大多人传统做法，替换HTML代码，楼上的已经用到了，我不过是用正则优化一下;
第2个方法利用SendKeys模拟键盘操作，需要允许浏览器调用ActiveX才行；
第3个方法，有点像武侠小说里的"乾坤大挪移"一样，呵呵，看看就知道了！

<title>把input file類型的value清空--Test by 编程浪子</title> 
<script> 
function clearMethod1() 
{ 
var objFile=document.getElementsByTagName('input')[0]; 
alert("\""+objFile.value+"\"已清除"); 
objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\""); 
} 
function clearMethod2() 
{ 
var objFile=document.getElementsByTagName('input')[0]; 
alert("\""+objFile.value+"\"已清除"); 
var WshShell=new ActiveXObject("WScript.Shell"); 
objFile.focus(); 
objFile.createTextRange().select(); 
WshShell.SendKeys("{del}"); 
} 
function clearMethod3() 
{ 
var objFile=document.getElementsByTagName('input')[1]; 
alert("\""+objFile.value+"\"已清除"); 
objFile.value=""; 
} 
</script> 
 
 
<input type="file" value="C:\abc.txt"><br><br> 
<button onclick="clearMethod1();">清除大法1：李代桃僵</button><br> 
<button onclick="clearMethod2();">清除大法2：暗渡陈仓</button> 
<br><br><br><br><br><br><br> 
<input type="text" value=""><input type="file" value="C:\abc.txt" onchange="this.previousSibling.value=this.value;" style="width:20"><br><br> 
<button onclick="clearMethod3();">清除大法3：声东击西</button>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

一打开就给FILE域默认值的方法

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Label berkaitan：

file input

sumber：php.cn

Artikel sebelumnya：js下通过getList函数实现分页效果的代码_javascript技巧 Artikel seterusnya：代码经过精简后的仿QQ折叠菜单代码_导航菜单

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

Artikel terbaru oleh pengarang

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Tidak dapat mendapatkan elemen input daripada tapak web Jadi saya cuba mendapatkan elemen input daripada Twitter tetapi apabila saya menjalankanny...

daripada 2024-04-06 18:59:57

0

1

442

Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...

daripada 2024-04-06 15:35:24

0

1

274

Paparkan tatasusunan objek bersarang dalam jadual HTML dengan mengulang Saya mempunyai input berikut yang mengandungi pelbagai objek bersarang. summary ialah tata...

daripada 2024-04-05 14:11:42

0

1

1373

Biarkan React memberikan teg penutup input? Saya mempunyai permintaan yang luar biasa. Tapak web saya dibina menggunakan React dan say...

daripada 2024-04-03 23:01:01

0

1

320

Pemalam Shopware 6: Cara mengalih keluar konfigurasi boolean dan memindahkannya ke konfigurasi berbilang pilih Saya mempunyai pemalam Shopware6 yang pada masa ini dikonfigurasikan dengan nilai ulasanSk...

daripada 2024-04-03 23:09:28

0

1

410

Topik-topik yang berkaitan

Lagi>

Cadangan popular

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan