JS实现图片下载功能

download (config) {const a = document.createElement('a') // 创建一个a标签a.href = config.src // a标签的src属性赋值if (config.target) {a.target = config.target}a.download = config.fileName // a标签的download属性赋值document.body.appendChild(a) // 添加a标签到body下a.click() // 触发a标签点击事件document.body.removeChild(a) //  完成后删除a标签},

a标签在没有增加download属性的时候一般是直接跳转到一个页面，如果增加了download属性会导致跳转页面转变为强制下载相应的URL

注意：download 属性会具有同源问题（同源：如果两个页面的协议、端口（如果有指定）和域名都相同，则认为同源）

download属性在Edge42浏览器中可以强制下载，并且不用考虑同源问题；
download属性在Chrome71浏览器中可以强制下载，但是必须考虑同源问题；
download属性在IE11和360-8浏览器中不可以实现强制下载；

JS实现图片下载功能相关推荐

织梦图集php,织梦怎么为新图集页面增加图片下载功能
织梦怎么为新图集页面增加图片下载功能? 织梦DEDECMS为新图集页面增加图片下载功能推荐学习:织梦cms 编辑打开 /templets/default/images/photo/heiphoto. ...
如何用js实现图片下载
如何用js实现图片下载??? 需求场景:点击图标,实现图片下载. html代码: js函数: downLoadImg(imgsrc, name) {var image = new Image();// ...
JS将图片转化为base64编码，并实现点击下载，js实现图片下载的实操博客
背景需求在前端的工作中,经常碰到点击下载图片的需求,但是有一种情况大家经常碰到,就是点击下载地址之后,在浏览器窗口默认打开了,并没有调用浏览器进行下载如果你正在完善这个需求,一直解决不了,恭喜你看 ...
vue实现图片下载功能so easy
vue实现图片下载功能so easy 1.在前端实现图片下载分为同源图片下载和非同源图片下载 2.解决方案可以根据同源和非同源来制定同源图片下载方案 html中可以这样写 <a href=&q ...
jq实现图片下载功能
很多时候网站中都会有下载功能,一般的下载直接指定a链接然后直接就能下载了,但是有些文件比较特殊,如图片,指定a链接的时候会直接在浏览器中打开图片,这并不是我们想要的,有人说在a链接中加个downloa ...
Java实现网页截屏功能（图片下载功能）的几种方式（整理）
最近的项目中,需要实现一个将网页中显示的内容导出为图片的功能,故研究了一下可以实现这个功能的各种方式,整理在此,以供以后使用. p.s. 本人为java研发,所有涉及的代码,实现方式均为java的方式 ...
js实现图片裁剪功能
写项目遇到了一个图片裁剪功能,网上搜了半天全是裁剪框,并不能达到实际意义的图片裁剪它的实现过程主要是 canvas 的 putImageData() 方法 w3c给它的官方定义是: putImage ...
Node.js制作图片下载爬虫的一般步骤
图片下载爬虫分两部分:爬页面和下载图片. 爬页面时先看网址是https还是http的,然后选择不同的内置对象:其次看编码,如果是charset=gb2312的网页就需要iconv帮忙转码,好在大部分都 ...
java实现图片下载功能
前端页面 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

JS实现图片下载功能

JS实现图片下载功能相关推荐

最新文章

热门文章