1. 概述

1.1 说明

在项目过程中，有时候需要下载某一展示图片，html5中定义了<a> download属性，download属性规定被下载的超链接目标，该属性可以设置一个值来规定下载文件的名称(名称值没有限制，浏览器将自动检测正确的文件扩展名并添加到文件，如.img,.txt等)。在<a>标签中必须设置href属性值。

1.2 注意

　　<a href='图片地址或base64值' download></a>，其中图片地址与当前网页有可能会存在跨域问题而导致不能够下载成功。base64字符流则不会存在此问题(base64文件流格式如 data:image/png;base64,********)。

2. 实例

2.1 显示与下载

　　使用img标签去显示img内容，点击图片进行下载显示图片。

<a :href='imgUrl' :download="imgName">

    <img border="0"  :src='imgUrl' :alt="imgName" />

</a>

最新文章

1. Endnote专题之--output style相关问题
2. 用.NET从外部dwg文件导入块
3. Mysql命令集
4. DropDownList 选中change
5. IBatis.Net学习笔记五--常用的查询方式
6. acess the C\c++ from the Java
7. centos（linux） 下如何查看端口占用情况及杀死进程
8. Javascript addEventListener dispatchEvent
9. UIGestureRecongnizer 手势拦截
10. 提供他人class文件
11. [HNOI2012]集合选数
12. Mac下查看node等的安装路径
13. 推荐.Net、C# 逆向反编译四大工具利器
14. Halcon常用算子01
15. HDFS--大数据应用的基石
16. Airmon-ng抓包&amp;破解wifi
17. mybatis generator 双击创建失败
18. 使用httpClient调用接口获取响应数据
19. mysqldump: Couldn&#39;t execute &#39;SET OPTION SQL_QUOTE_SHOW_CREATE=1&#39;
20. thinkCMF----自定义配置调用

热门文章

1. AirBnB春招笔试题
2. Python——Pycharm打包exe文件
3. Nodejs的安装配置及如何在sublimetext2中运行js
4. BZOJ4269再见Xor——高斯消元解线性基
5. python yield 理解与用法
6. [THUWC2017]随机二分图
7. 【CH4302】Interval GCD
8. Django admin修改密码
9. React 记录(5)
10. deepin 下安装goland中文字体显示全是方块