javascript打开选择对话框/保存对话框

最新推荐文章于 2019-01-08 07:12:18 发布

bear_79

最新推荐文章于 2019-01-08 07:12:18 发布

阅读量1.1k

点赞数

分类专栏： js

js 专栏收录该内容

15 篇文章

订阅专栏

【引用地址】http://hi.baidu.com/rayshow/blog/item/9102258daac46810b31bbad3.html

在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用，但有时仍然会用得上，比如一个web版的播放器，让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说，相对比较简单，只需要在页面内放一个file标签，可以将其display设置为none，使用图片、按钮及链接来模拟file的单击事件，从而实现选择文件的任务。具体实现如下所示：

[c-sharp] view plain copy print ?

<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="file" id="file" style="display:none" mce_style="display:none">
<input type="button" value="click" onClick="ok()">
</body>
<mce:script language="JavaScript"><!--
function ok(){
var s = document.getElementById("file");
s.click();
var str = s.value;//获取文件路径
alert(str);//在这里你可以进行自己的工作
}
// --></mce:script>
</html>

对于打开保存文件对话框可以使用MSComDlg.CommonDialog对象，并且可以设置类型过滤，但是需要设置MaxFileSize属性，否则会出现错误。其具体实现如下所示。

[c-sharp] view plain copy print ?

【引用地址】http://hi.baidu.com/rayshow/blog/item/9102258daac46810b31bbad3.html
在浏览器中虽然打开选择对话框和保存文件对话框的功能并不常使用，但有时仍然会用得上，比如一个web版的播放器，让用户选择本地的视频或音频文件等。对于打开选择文件对话框来说，相对比较简单，只需要在页面内放一个file标签，可以将其display设置为none，使用图片、按钮及链接来模拟file的单击事件，从而实现选择文件的任务。具体实现如下所示：
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="file" id="file" style="display:none" mce_style="display:none">
<input type="button" value="click" onClick="ok()">
</body>
<mce:script language="JavaScript"><!--
function ok(){
var s = document.getElementById("file");
s.click();
var str = s.value;//获取文件路径
alert(str);//在这里你可以进行自己的工作
}
// --></mce:script>
</html>
对于打开保存文件对话框可以使用MSComDlg.CommonDialog对象，并且可以设置类型过滤，但是需要设置MaxFileSize属性，否则会出现错误。其具体实现如下所示。
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="button" value="保存" onclick="document.execCommand('SaveAs')">
</body>
<mce:script language="JavaScript"><!--
function SaveAs()
{
var fileSave = new ActiveXObject("MSComDlg.CommonDialog");
fileSave.Filter = "mp3";
fileSave.FilterIndex = 2;
// 必须设置MaxFileSize. 否则出错
fileSave.MaxFileSize = 128;
fileSave.ShowOpen();
}
// --></mce:script>
</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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