`
sty2008boy
  • 浏览: 302421 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

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>

 

分享到:
评论
1 楼 amwjx 2011-11-02  
这个方法不能跨域保存

相关推荐

    JS打开图片另存为对话框实现代码

    在上述提供的代码段中,主要涉及到了如何使用JavaScript打开浏览器的另存为对话框,以实现图片下载的功能。 首先,需要注意的是,为了确保页面的正常工作,需要在`&lt;head&gt;`部分引入jQuery库,这是因为代码中使用了...

    javaScript实现另存为功能

    在浏览器环境中,JavaScript可以极大地提升用户体验,包括模拟浏览器的一些原生功能,如“另存为”(Save As)功能。这个功能允许用户保存网页上的资源到本地计算机,例如HTML、图片、CSS或JavaScript文件。 在...

    js base64编码格式图片另存为下载

    以上就是使用JavaScript将Base64编码的图片另存为下载的基本流程。在实际应用中,还需要考虑跨域问题,因为某些浏览器不允许跨域的Base64编码图片直接下载。此外,现代浏览器支持File API和Blob API,但老版本的...

    selenium右击另存为图片

    一种方法是模拟JavaScript事件来触发右键菜单,然后模拟选择“另存为”选项。这里我们假设图片元素的ID为`image_id`: 1. **获取图片元素**: ```python image_element = driver.find_element_by_id('image_id')...

    用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开

    综上所述,用JavaScript实现点击链接弹出“图片另存为”对话框的方法主要包括使用`iframe`和`execCommand('saveAs')`,以及利用`download`属性。根据目标用户的浏览器类型和版本,选择合适的方法来确保最佳的用户...

    C# 调用anychart 自动另存为图片

    本篇文章将详细讲解如何利用C#调用AnyChart的自动另存为图片功能。 首先,理解这个过程的核心在于交互:C#作为服务器端的编程语言,需要与前端的AnyChart JavaScript库进行通信。我们可以采用Ajax请求或者Web API的...

    js 图表控件,支持图表另存为多种图片格式并支持PDF格式

    "支持图表另存为多种图片格式"是Highcharts的一个重要特性。用户可以将生成的图表导出为常见的图像格式,如JPEG、PNG、SVG等,这在报告制作、分享或离线查看时非常有用。导出的图片保留了图表的所有细节,包括颜色、...

    网页加强另存为

    在常规的浏览器"另存为"操作中,用户通常只能保存HTML文件和图片,而CSS样式表、JavaScript文件和其他资源可能不会被一并保存,导致离线查看时网页显示不完整或样式错乱。"网页加强另存为"则解决了这个问题,通过...

    HTML5 实现图片剪切另存为

    HTML5 Canvas为图片剪切提供了强大的能力,结合JavaScript可以实现丰富的交互功能。通过在客户端进行剪切操作,减少了服务器的计算负担,提高了用户体验。同时,将剪切结果发送到服务器,可以实现云端存储和分享。在...

    JavaScript实现控制打开文件另存为对话框的方法

    本文主要讲述了使用JavaScript实现打开文件另存为对话框的方法,提供了相关的技术实现和实例分析。知识点主要涵盖以下几个方面: 1. **JavaScript控制文件另存为对话框的技术原理:** 文中提出了一种利用...

    页面加水印防复制另存为

    在本案例中,我们将探讨如何使用纯JavaScript实现页面加水印防复制另存为的功能。 首先,我们需要了解JavaScript在网页中的作用。JavaScript是一种解释型的、基于原型的脚本语言,广泛用于网页和应用开发,能够动态...

    用javascript实现点击链接弹出图片另存为而不是直接打开

    总的来说,实现点击链接弹出图片另存为的功能,需要利用JavaScript动态创建元素、处理事件和利用浏览器的下载机制。虽然`execCommand('saveAs')`已经过时,但通过`window.URL.createObjectURL()`和`fetch` API,我们...

    解析百度网页另存为html文件

    在这个场景中,我们关注的是“解析百度网页另存为html文件”的过程,以及与之相关的技术,如百度网页内容解析、中文转换拼音工具类和JSP转换HTML。下面将详细探讨这些知识点。 1. **解析百度网页另存为html文件**:...

    html禁止复制另存

    网页设计者有时为了版权或商业机密的考量,会采取措施限制用户对网页内容进行复制、另存为等操作。这在一定程度上可以防止内容被随意传播或不当使用。然而,完全阻止用户操作往往不可行,因为浏览器的安全机制和用户...

    baidu.zip_另存为

    可以将图片作为`&lt;img&gt;`元素的`src`属性,然后添加右键上下文菜单以覆盖默认行为,允许用户在图片上右键点击并选择“图片另存为”。 在压缩包中的“百度首页”文件,可能是已经写好的HTML和CSS代码,或者是项目需求...

    网站加密,防止截屏,打印,另存为

    ### 知识点详解:网站加密,防止截屏,打印,另存为 在现代互联网应用中,保护网站内容不被盗用或不当复制是至关重要的。本文将详细解析如何通过技术手段实现对网站内容的加密保护,特别是针对截屏、打印、另存为等...

    table2excel:文字和图片另存为excel

    文字和图片另存为excel 安装 npm install js-table2excel 用法 import table2excel from 'js-table2excel' const column = [ { title : 'Name' , key : 'name' , type : 'text' } , { title : 'Pic' , ...

    保存网页div块为图片

    总结来说,保存网页`div`为图片是一个结合前端技术与图形处理的过程,可以通过JavaScript库、SVG转换、服务器端渲染或浏览器插件来实现。理解这些方法并根据项目需求选择合适的技术栈,能够帮助我们高效地完成任务。

    jquery图片

    2. **事件绑定**:使用`.click()`方法可以为图片添加点击事件,当用户点击图片时触发特定的功能,如切换图片或展示详细信息。 3. **动画函数**:jQuery提供了一系列动画函数,如`.animate()`,可以创建自定义的动画...

Global site tag (gtag.js) - Google Analytics