防止a标签下载弹窗
来源:互联网 发布:气象数据知识试题 编辑:程序博客网 时间:2024/05/22 05:30
1.背景:
最近做项目的时候,遇到了点击下载图片的需求,做法是,动态生成一个a标签,href属性设置为图片链接,download属性设置为文件名。然后调click()函数模拟点击行为。继而实现图片的下载。但是在chrome里,下载成功后,浏览器会alert一个弹框,提示你下载成功,这是交互设计体验之外的,需要避免。
2.解决:
var alert = window.alert; window.alert = function () { window.alert = alert; };
将window.alert重置,下一次调用后即可恢复为原来的alert,通过这种方法避免了弹框。
3.备注:
这种a标签下载方案在好多浏览器,如IE、FF都不是下载的动作,而是直接打开了一个新页面,显示图片。因此如果产品要求严格的话还需要重新设计方案。
阅读全文
0 0
- 防止a标签下载弹窗
- a标签 下载属性
- a标签实现下载
- a标签用于下载
- a标签下载设置
- EasyUI 防止A标签按钮重复提交
- 用<a>标签下载文件
- a标签-弹窗实现
- 防止单击a标签跳顶的方法
- 防止网页中a标签在点击时出现虚线
- <a>标签点击实现下载文件功能
- 关于a标签的下载功能
- 应用HTML5 <a>标签下载文件
- ios,h5,a标签实现下载
- <A>标签下载文件 IE浏览器
- jsp + servlet 通过a 标签下载文件
- HTML中的a标签实现点击下载
- 如何使用a标签下载文件
- android 录音
- C#泛型
- V-Layout
- 电商用户行为分析大数据平台相关系列3-HIVE安装
- JDBC操作
- 防止a标签下载弹窗
- Mybatis多数据库支持
- 织梦全站动态和恢复静态设置
- android 播放音频
- linux虚拟网络接口 bond详解
- 百度:寻找三角形
- 【Ubuntu】批量修改图片大小的命令
- nginx设置proxy_pass长连接
- Docker与自动化部署