javascript打开选择对话框/保存对话框
2011-08-29 11:19
363 查看
javascript打开选择对话框/保存对话框
关键字：JavaScript、打开对话框
在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用，但有时仍然会用得上，比如一个web版的播放器，让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说，相对比较简单，只需要在页面内放一个file标签，可以将其display设置为none，使用图片、按钮及链接来模拟file的单击事件，从而实现选择文件的任务。具体实现如下所示：
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="file" id="file" style="display:none">
<input type="button" value="click" onClick="ok()">
</body>
<script language="JavaScript">
<!--
function ok(){
var s = document.getElementById("file");
s.click();
var str = s.value;//获取文件路径
alert(str);//在这里你可以进行自己的工作
}
//-->
</script>
</html>
对于打开保存文件对话框可以使用MSComDlg.CommonDialog对象，并且可以设置类型过滤，但是需要设置MaxFileSize属性，否则会出现错误。其具体实现如下所示。
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="button" value="保存" onclick="document.execCommand('SaveAs')">
</body>
<script language="JavaScript">
<!--
function SaveAs()
{
var fileSave = new ActiveXObject("MSComDlg.CommonDialog");
fileSave.Filter = "mp3";
fileSave.FilterIndex = 2;
// 必须设置MaxFileSize. 否则出错
fileSave.MaxFileSize = 128;
fileSave.ShowOpen();
}
//-->
</script>
</html>
总体感觉打开选择文件对话框还是比较有用的，但是保存对话框，恩，觉得没什么太大的用处，如果真的需要用户保存大量文件的话，可能就会采用windows应用程序了。
关键字：JavaScript、打开对话框
在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用，但有时仍然会用得上，比如一个web版的播放器，让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说，相对比较简单，只需要在页面内放一个file标签，可以将其display设置为none，使用图片、按钮及链接来模拟file的单击事件，从而实现选择文件的任务。具体实现如下所示：
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="file" id="file" style="display:none">
<input type="button" value="click" onClick="ok()">
</body>
<script language="JavaScript">
<!--
function ok(){
var s = document.getElementById("file");
s.click();
var str = s.value;//获取文件路径
alert(str);//在这里你可以进行自己的工作
}
//-->
</script>
</html>
对于打开保存文件对话框可以使用MSComDlg.CommonDialog对象，并且可以设置类型过滤，但是需要设置MaxFileSize属性，否则会出现错误。其具体实现如下所示。
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="button" value="保存" onclick="document.execCommand('SaveAs')">
</body>
<script language="JavaScript">
<!--
function SaveAs()
{
var fileSave = new ActiveXObject("MSComDlg.CommonDialog");
fileSave.Filter = "mp3";
fileSave.FilterIndex = 2;
// 必须设置MaxFileSize. 否则出错
fileSave.MaxFileSize = 128;
fileSave.ShowOpen();
}
//-->
</script>
</html>
总体感觉打开选择文件对话框还是比较有用的，但是保存对话框，恩，觉得没什么太大的用处，如果真的需要用户保存大量文件的话，可能就会采用windows应用程序了。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript打开选择对话框/保存对话框
- javascript打开选择对话框/保存对话框
- javascript打开选择对话框/保存对话框
- GUI编程：打开文件对话框、保存文件对话框、颜色选择对话框的使用
- [cocoa]_[初级]_[打开文件选择对话框和保存文件对话框]
- 记录：VC++中打开保存目录选择对话框操作
- Cocoa 选择保存路径对话框 和 选择打开文件对话框
- VC++中打开保存目录选择对话框操作
- （转）记录：VC++中打开保存目录选择对话框操作
- 目录选择对话框、文件打开或保存对话框、字体对话框和颜色对话框
- python qt(pyqt)的文件打开、文件保存、文件夹选择对话框
- 目录选择对话框、文件打开或保存对话框、字体对话框和颜色对话框
- Web端打开文件选择和保存对话框
- Web端打开文件选择和保存对话框
- [Win32]打开文件/保存文件/选择文件夹对话框
- c# 打开、保存文件对话框 和 文件夹选择对话框
- 关于创建Excel表格问题（保存至指定文件/弹出直接打开还是下载，并可以选择保存路径的对话框）
- C#按键打开文件选择对话框,并把选择好的路径保存/显示到textBox
- 如何打开保存路径选择对话框
- 弹出打开/保存文件对话框 选择文件夹对话框