【HTML】前台页面调出文件另存为对话框几种方法_随笔

以下便介绍几种实现的思路和方法。 1.调用document.execCommand方法调用JS方法document.execCommand即可在前台页面调出另存为对话框，并将将服务器上存放的文件保存到本地。这里有个很好的例子：HTML页面另存为对话框DEMO.rar 代码： function getimg()//另存为存放在服务器上图片到本地的方法{event.returnValue=falseshow.window.location.href=imgSrc.srctimer=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 = 2fd.fileName="你要保存的默认文件名"// must settingfd.MaxFileSize = 128//打开另存为文件对话框 fd.ShowSave()}catch(e){confirm("当前您的系统尚未注册COMDLG32.OCX\n请先下载注册此控件后)} 附自动向客户端本地系统注册"COMDLG32.OCX"程序网页文件另存为对话框控件.rar 3.使用像第三方控件厂商提供的web控件（如硕正控件等）以上就是本人目前所知的前台页面调出另存为对话框的三种方式，如有其它还望大家补充。。。

在html或者jsp中d出文件另存为的对话框，可以调用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)

}

</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title$amp>amp$nbsp通过js保存图片到本地 </title>

function DownLoadReportIMG(imgPathURL) {

//如果隐藏IFRAME不存在，则添加

if (!document.getElementById("IframeReportImg"))

$('<iframe id="IframeReportImg" name="IframeReportImg" onload="DoSaveAsIMG()" width="0" height="0" src="about:blank"$amp>amp$lt/iframe$amp>apos$).appendTo("body")

if (document.all.IframeReportImg.src != imgPathURL) {

//加载图片

document.all.IframeReportImg.src = imgPathURL

}

else {

//图片直接另存为

DoSaveAsIMG()

}

function DoSaveAsIMG() {

if (document.all.IframeReportImg.src != "about:blank")

document.frames("IframeReportImg").document.execCommand("SaveAs")

}

</script>

</head>

<body>

<input type="button" value="download image" onclick="DownLoadReportIMG('')"$amp>amp$nbsp

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7272433.html

【HTML】前台页面调出文件另存为对话框几种方法

发表评论

评论列表（0条）