JS打开文件对话框的两种方法

在 HTML 文档中 ,<input type="file"> 标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性,保存了用户指定的文件的名称,为安全起见,file-upload 元素的value 属性是只读的,不允许程序员修改它的值,并且HTML value 属性也会被忽略。不过有时候我们需要将这个标签的value的值清空,这就需要我们动动脑筋了。

假设我们已经得到了该file input的对象,为file_input_obj,下面是两种修改该标签value属性的方法:
方法一:
file_input_obj.outerHTML=file_input_obj.outerHTML.replace(/(value=\").+\"/i,"$1\"");
我们也可以根据这个思路,举一反三,比如先对该标签进行克隆,然后再替换掉该节点,等等,随便你怎么发挥都行。

方法二:
var WshShell=new ActiveXObject("WScript.Shell");
file_input_obj.focus();
file_input_obj.createTextRange().select();
WshShell.SendKeys("{del}");
使用这中方式,需要允许ActiveX控件,所以推荐使用第一个方法

1、用HTML自帶的

建立一個file的control,它會自帶一個瀏覽button,點擊這個button就可以自己開文件對話框了

2、利用javascript,依照下面的代碼就可以了。

       var fd = new ActiveXObject("MSComDlg.CommonDialog");
       fd.Filter = "*.xml"; //過濾文件類型,現在就只能存成.xml的文件了
       fd.FilterIndex = 2;
       fd.MaxFileSize = 128;
       fd.ShowSave();//這個是儲存的對話框,如果是需要打開的話,就要用fd.ShowOpen();

       document.FrmDataAll.txtPath.value=fd.filename;//fd.filename是用戶選擇的路徑噢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值