Web端打开文件选择和保存对话框

您所在的位置:网站首页 html弹出窗口对话框 Web端打开文件选择和保存对话框

Web端打开文件选择和保存对话框

2023-08-28 12:43| 来源: 网络整理| 查看: 265

总体介绍

文件的选择、保存对话框,使用Java 很容易达成。

如果想在Web端使用的话,可以用Applet 达成。

但如果想使用HTML, js 达成的话,也是可以的。不过

web程序对客户机的文件进行读写是不安全的。ActiveXObject是IE特有的。这种东西本身就是不安全的.

文件选择框通用方式 最常用的就是使用如下方式: 这是HTML的标签,基本适用所有的浏览器。产生的效果是带有一个文本框和一个浏览按钮。(在 各浏览器的实际效果可能不一样)

点击"浏览" 按钮就可以打开文件选择的dialog 了, 选择文件后, 文件路径就保存在这个 input 的 value的属性里了。如下例子:

New Document function getSelectFile() { var fileName = document.getElementById("fileSelect").value; alert(fileName); } 文件保存对话框 你可能会问,既然选择对话框有了, 为什么还需要保存的对话框呢? 因为在选择对话框里,不能选择(或输入)一个不存在文件名,所以这对于保存来说不适用。 1. 方式一: 使用ActiveX控件,仅支持 IE New Document function saveFile() { fileDialog.CancelError=true; try{ fileDialog.Filter="HTM Files (*.html)|*.html|Text Files (*.txt)|*.txt"; fileDialog.ShowSave(); } catch(e){} } New Document function smt(){ path = prompt("Please Input Path",""); } 获取路径后的处理 获取保存路径后,如何创建文件可以参考: JavaScript创建与读写本地文件(IE&Firefox)



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3