JS实现点击图片时将图片下载在本地2

凨影 1638

  1. <img class="img1" src="https://bbs.oddfox.cn/view/img/logo.png" />
  2. <a style="color:blue;" onclick="downloadIamge(".img1", "二维码.jpg")">下载二维码</a>
  3. <script>
  4. function downloadIamge(selector, name){
  5. // 通过选择器获取img元素,
  6. var img = document.querySelector(selector)
  7. // 将图片的src属性作为URL地址
  8. var url = img.src
  9. var a = document.createElement("a")
  10. var event = new MouseEvent("click")
  11. a.download = name || "下载图片名称"
  12. a.href = url
  13. a.dispatchEvent(event)
  14. }
  15. </script>
  1. <script>
  2. //页面实现简单的下载功能
  3. function OpenQzqdUrl(obj){
  4. var file = obj.getAttribute("file");
  5. var sxUrl = "";
  6. if(file!=null){
  7. var url = sxUrl + file;
  8. window.open(url);
  9. }
  10. }
  11. </script>
  12. <a href="javascript:void(0);" file="https://bbs.oddfox.cn/view/img/logo.png" onclick="OpenQzqdUrl(this)">下载图片</a>
联系QQ:77798085 赞助请点这里
全部回复 (1)