JS图片另存为(转)
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <html>
- <head>
- <title> New Document </title>
- <meta name="Generator" content="EditPlus">
- <meta name="Author" content="">
- <meta name="Keywords" content="">
- <meta name="Description" content="">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
- <script language="JavaScript">
- <!--
- function downLoadImage(imagePathURL){
- //如果中间IFRAME不存在,则添加
- if(!document.getElementById("_SAVEASIMAGE_TEMP_FRAME"))
- jQuery('<iframe style="display:none;" id="_SAVEASIMAGE_TEMP_FRAME" name="_SAVEASIMAGE_TEMP_FRAME" onload="_doSaveAsImage();"
- width="0" height="0" src="about:blank"></iframe>').appendTo("body");
- if(document.all._SAVEASIMAGE_TEMP_FRAME.src!=imagePathURL){
- //图片地址发生变化,加载图片
- document.all._SAVEASIMAGE_TEMP_FRAME.src = imagePathURL;
- }else{
- //图片地址没有变化,直接另存为
- _doSaveAsImage();
- }
- }
- function _doSaveAsImage(){
- if(document.all._SAVEASIMAGE_TEMP_FRAME.src!="about:blank")
- document.frames("_SAVEASIMAGE_TEMP_FRAME").document.execCommand("SaveAs");
- }
- //-->
- </script>
- </head>
- <body>
- <input type="button" value="download image" onclick="downLoadImage('http://www.blogjava.net/images/blogjava_net/weiwei/46570/r_beyond1991.jpg');">
- </body>
- </html>
分类:
前台javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述