download下载图片

<template><div class="app-container"><h2>图片下载到本地</h2><div><img :src="imgUrl" alt="" srcset=""></div><el-button type="primary" @click="downs()">下载</el-button></div>
</template><script>
export default {data(){return{imgUrl: 'https://img2.baidu.com/it/u=2937803703,3095540904&fm=26&fmt=auto&gp=0.jpg'}},methods:{downloadIamge(imgsrc, name){var image = new Image()image.setAttribute("crossOrigin","anonymous")image.onload = function(){var canvas = document.createElement("canvas")canvas.width = image.widthcanvas.height = image.heightvar context = canvas.getContext("2d")context.drawImage(image,0,0,image.width,image.height)var url = canvas.toDataURL("image/png")var a = document.createElement("a")var event = new MouseEvent("click")a.download = name || "photo"a.href = urla.dispatchEvent(event)}image.src = imgsrc},downs(){this.downloadIamge(this.imgUrl,'这是图片')}}
}
</script><style></style>

download下载图片相关推荐

jq 之 download下载图片或文件功能，以及一个神奇的download属性！
在一个项目中很常见的一个效果就是下载图片.文件功能,下边就介绍两种方法 1.用jq写下载的方法 //html中代码如下 <div><p>点击图片可下载</p>&l ...
HTML里的a链接download 属性浏览器js点击下载图片
1.<a>download下载图片具有兼容性所以需做兼容处理,使其兼容IE,就比较完美了. 2.最近有这方面的需求,从网上看了一些资料,拿过来不能直接使用,把他们整合了一下,作为笔记,方 ...
uni-app下载图片到系统相册
使用到的 API 有 : uni.downloadFile uni.saveImageToPhotosAlbum <template><view><view class= ...
vue生成二维码图片并且下载图片到本地
一.安装生成二维码插件qrcode.js npm install --save qrcodejs2 二.封装组件: <template><div><div id=&quo ...
vue 生成带logo的二维码 qrcode-vue 支持下载图片实例详解
最近的项目上有个需求,生成带logo的二维码,网上大部分都是基于JQ插件jQuery.qrcode.对于vue项目并不适用,翻阅了大量资料后,我找到了qrcode-vue这款基于vue的生成二维码的插 ...
图片下载（包含了download打开图片无法下载的方法）
利用a标签的download属性实现图片下载代码 <img src="../download/img/test.jpg" alt=""><a ...
测试Python下载图片的三种方法
简介: 通过Python软件包对网络URL图片链接进行下载,可以加快后期处理.本文测试了urllib, request两个软件包对图片进行下载效果.如果图片原网页有了防止下载机制,是无法下载图片. ...
android多线程下载图片
很多时候我们需要在Android设备上下载远程服务器上的图片进行显示,今天Android123整理出两种比较好的方法来实现远程图片的下载. 方法一.直接通过Android提供的Http类访问远程 ...
WinCE开机Logo的实现(USB下载图片到nandflash)
WinCE开机启动Logo使用Eboot读取NandFlash中的图片数据,然后显示的方式.对于开机logo的方式网友http://jazka.blog.51cto.com/809003/664131 ...

download下载图片

download下载图片相关推荐

最新文章

热门文章