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

在 HTML 文档中 , 标签是浏览器向服务器发送选中文件的。该元素有一个 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是用戶選擇的路徑噢

你可能感兴趣的:(JS打开文件对话框的两种方法)