移动端h5图片下载-前端小白初长成

吴维炜

于 2018-07-24 20:32:22 发布

阅读量1.4w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端就那么回事文章标签：移动端图片下载 h5图片下载图片下载 web端图片下载最简单的图片下载

本文链接：https://blog.youkuaiyun.com/qq_38209578/article/details/81191737

前端就那么回事专栏收录该内容

122 篇文章 ¥19.90 ¥99.00

订阅专栏

本文介绍了如何在移动端和PC端进行最简单的图片下载操作，主要利用a标签的download属性结合图片路径实现。示例代码和参考模型网站提供了直观的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于最近有朋友问我如何在移动端和PC端最简单地下载图片，本以为很简单还是有很多新手不会。

1.主要是通过a标签的download属性，设置为img，href设置为后端或者当前所需要下载的路径。代码如下：

< a href="https://www.vitian.vip/Public/img/home/banner2.jpg" download="img" >
   </ a>

2.参考模型 https://www.vitian.vip/ 该网站的轮播图第二张可以实现点击下载。为了随时可能修改，如果无法实现可以私聊我。

方案二：

function aDownlad(url, fileName) {
    var oA = document.createElement("a");
	oA.download = Url;// 设置下载的文件名，默认是’下载’
	oA.href = Url;
	document.body.appendChild(oA);
	oA.click();
	oA.remove(); // 下载之后把创建的元素删除
}

方案三：

var blob=new Blob([''], {type:'application/octet-stream'});
var url = URL.createObjectURL(blob);
 var a = document.createElement('a');
 a.href = Url;
 a.download = Url.replac

了解本专栏