不打开窗口下载文件

最新推荐文章于 2024-07-23 10:37:19 发布

原创最新推荐文章于 2024-07-23 10:37:19 发布 · 343 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

本文介绍了一种通过网页脚本实现的图片保存方法。用户只需点击链接，利用内嵌的iframe和JavaScript即可将图片保存到本地。此方法避免了直接下载造成的浏览器安全提示，提升了用户体验。


<img src="upload/200906081725365867.gif" id="imgIn" />   
<a href="#" onclick="return saveFace(imgIn.src);">保存到电脑</a>   
<iframe name="imgFrame" onload="runSave()" style="display:none;"></iframe>   

<script type="text/javascript">   
function runSave(){    
    if (imgFrame.location != "about:blank") window.imgFrame.document.execCommand("SaveAs");    
}    
function saveFace(url){    
    if(window.imgFrame && url) window.imgFrame.location=url;    
    return false;    
}    
</script>