【HTML】前台页面调出文件另存为对话框几种方法 |
您所在的位置:网站首页 › js另存为对话框 › 【HTML】前台页面调出文件另存为对话框几种方法 |
大家都知道,网页上传本地文件可以用来实现,在前台页面调出另存为对话框、将服务器上存放的文件保存到本地那要怎么实现呢?以下便介绍几种实现的思路和方法。 1.调用document.execCommand方法 调用JS方法document.execCommand即可在前台页面调出另存为对话框,并将将服务器上存放的文件保存到本地。 这里有个很好的例子: HTML页面另存为对话框DEMO.rar 代码: function getimg() // 另存为存放在服务器上图片到本地的方法 { event.returnValue = false ; show.window.location.href = imgSrc.src; timer = setInterval(checkload, 100 ) } function checkload() { if (show.readyState != " complete " ) { // 调用document.execCommand方法,'Saveas'表示打开文件另存为对话框命令 show.document.execCommand( ' SaveAs ' ); clearInterval(timer) } }实现效果: 另外部分ie浏览器中,可能会阻止显示内容,点击上方"允许阻止的内容“即可正常运行 2. 调用ActiveX控件 实例化一个“MSComDlg.CommonDialog”对象,即可在前台页面调出另存为对话框,与先前Js方法不同,该ActiveX控件还能获取到你选择的本地保存路径。但缺点是客户端需要已经注册“COMDLG32.OCX”,且客户端浏览器对ActiveX安全级别要求不是很高,否则就无法调出另存为对话框。 实例代码: try{ OCXResult.Result.value = ""; //实例化一个ActiveX对象 var fd = new ActiveXObject("MSComDlg.CommonDialog"); //设置保存文件类型选项 fd.Filter = "BMP图片|*.bmp"; fd.FilterIndex = 2; fd.fileName="你要保存的默认文件名";// must setting fd.MaxFileSize = 128; //打开另存为文件对话框 fd.ShowSave(); } catch(e) { confirm("当前您的系统尚未注册COMDLG32.OCX\n请先下载注册此控件后); } 附自动向客户端本地系统注册"COMDLG32.OCX"程序 网页文件另存为对话框控件.rar 3.使用像第三方控件厂商提供的web控件(如硕正控件等) 以上就是本人目前所知的前台页面调出另存为对话框的三种方式,如有其它还望大家补充。。。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |