js如何下载图片到本地

这篇文章主要为大家详细介绍了js下载图片本地的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

代码如下:

$(function(){      //二维码      (function(){          var img_src = $('.qr_img')[0].src;          if(browserIsIe()){//假如是ie浏览器              $('.down_qr').on('click',function(){                  img_src = $('.qr_img')[0].src;                  DownLoadReportIMG(img_src);              });          }else{              $('.down_qr').attr('download',img_src);              $('.down_qr').attr('href',img_src);                $('.sutmit_btn').on('click',function(){                  $('.down_qr').attr('download',img_src);                  $('.down_qr').attr('href',img_src);              });          }                })();  });    function DownLoadReportIMG(imgPathURL) {      //如果隐藏IFRAME不存在,则添加      if (!document.getElementById("IframeReportImg"))          $('').appendTo("body");      if (document.all.IframeReportImg.src != imgPathURL) {          //加载图片          document.all.IframeReportImg.src = imgPathURL;      }      else {          //图片直接另存为          DoSaveAsIMG();      }  }  function DoSaveAsIMG() {      if (document.all.IframeReportImg.src != "about:blank")          window.frames["IframeReportImg"].document.execCommand("SaveAs");  }  //判断是否为ie浏览器  function browserIsIe() {      if (!!window.ActiveXObject || "ActiveXObject" in window)          return true;      else          return false;  }

登录后复制

总结:

javascript没有操作本地文件的权限,只能借助.net,php等后端语言才行的,将图片提交之后,返回个下载地址,window.open就可以自动下载了。

相关推荐:

两种node.js下载图片的方法

js下载以及修改文件名的实例教程

javascript – 用js下载网页?

以上就是js如何下载图片到本地的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2763091.html

(0)
上一篇 2025年3月8日 10:06:17
下一篇 2025年2月26日 03:15:22

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • webpack打包压缩js与css教程说明

    这次给大家带来webpack打包压缩js与css教程说明,webpack打包压缩js与css的注意事项有哪些,下面就是实战案例,一起来看一下。 打包压缩js与css 由于webpack本身集成了UglifyJS插件(webpack.opti…

    编程技术 2025年3月8日
    200
  • Vue.js使用开源框架mpvue

    这次给大家带来Vue.js使用开源框架mpvue,Vue.js使用开源框架mpvue的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.…

    2025年3月8日 编程技术
    200
  • 构建项目时本地ip无法访问处理方法

    这次给大家带来构建项目时本地ip无法访问处理方法,解决构建项目时本地ip无法访问的注意事项有哪些,下面就是实战案例,一起来看一下。 问题 vue init webpack myproject构建项目 使用localhost 或者127.0.…

    2025年3月8日
    200
  • p5.js如何进行图片加载

    这次给大家带来p5.js如何进行图片加载,p5.js进行图片加载的注意事项有哪些,下面就是实战案例,一起来看一下。 一、preload()函数与图片上传 preload()函数是一个特殊的函数,它同setup()类似,只在程序开始时运行一次…

    2025年3月8日 编程技术
    200
  • webpack.config.js参数使用案例

    这次给大家带来webpack.config.js参数使用案例,webpack.config.js参数使用的注意事项有哪些,下面就是实战案例,一起来看一下。 webpack.config.js文件通常放在项目的根目录中,它本身也是一个标准的C…

    编程技术 2025年3月8日
    200
  • nodejs+express实现文件上传案例详解

    这次给大家带来nodejs+express实现文件上传案例详解,nodejs+express实现文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 前段时间在做个人项目的时候,用到了nodejs服务端上传文件,现在回头把这个小结一下…

    编程技术 2025年3月8日
    200
  • JS生成时间列表并输出

    这次给大家带来JS生成时间列表并输出,JS生成时间列表并输出的注意事项有哪些,下面就是实战案例,一起来看一下。 遇到一个场景,需要拿到指定时间范围内的每一天,满足格式”YYYYMMDD”,简单的功能,简单的思路 准备…

    2025年3月8日
    200
  • angularjs自定义缓存使用案例详解

    这次给大家带来angularjs自定义缓存使用案例详解,angularjs自定义缓存使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一、什么是缓存 一个缓存就是一个组件,它可以透明地存储数据,以便未来可以更快地服务于请求。 缓存能够…

    编程技术 2025年3月8日
    200
  • 原生JS封装淡入淡出效果函数步骤详解

    这次给大家带来原生JS封装淡入淡出效果函数步骤详解,原生JS封装淡入淡出效果函数的注意事项有哪些,下面就是实战案例,一起来看一下。 说到js的渐变显示与消失,多数朋友会想到JQuery里面的fadeIn()、fadeOut()或fadeTo…

    2025年3月8日
    200
  • p5.js键盘交互函数总结

    这次给大家带来p5.js键盘交互函数总结,使用p5.js键盘交互函数的注意事项有哪些,下面就是实战案例,一起来看一下。 一、键盘交互相关关键词与函数 keyIsPressed: 关键词,按下按键时为true,反之为false keyCode…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论