利用a标签超链接下载文件资源

**

利用a标签超链接下载文件(图片为例)

 var img = document.getElementById('small'); // 获取要下载的图片
      var url = img.src;                            // 获取图片地址
      var a = document.createElement('a');          // 创建一个a节点插入的document
      var event = new MouseEvent('click')           // 模拟鼠标click点击事件
      a.download = CHANNEL_ID                      // 设置a节点的download属性值
      a.href = url;                                 // 将图片的src赋值给a节点的href
      a.target="_blank"
      a.dispatchEvent(event)                        // 触发鼠标点击事件

其中:1. a标签的download 属性表示,某文件下载到电脑后文件命名
2. dispatchEvent 表示 自定义事件的触发,在使用该方法之前,我们还需要做其他两件事,即创建createElement和初始化initEvent或者new MouseEvent。
3. a href download 此方法只能用于同一个域名的文件资源下载,跨域或者三方平台的特殊资源图片(比如 微信公众号资源图片)总是会打开资源,而非下载!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值