实现: a标签实现文件下载,是使用的相对路径下载。
js代码

<a class="btn btn-success btn-sm" href="../docs/doc/"  title="下载"  
mce_href="#"><i class="fa fa-arrow-circle-down"></i></a>

这样用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题,
像txt,jpg这些浏览器支持直接打开的文件是不会执行下载的,而是会直接打开。
这时候可以给a标签添加一个download属性,例如:

<a class="btn btn-success btn-sm" href="../docs/doc/" download=""  
title="下载"  mce_href="#"><i class="fa fa-arrow-circle-down"></i></a>

download不给值,会使用默认的文件名。

该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

参考:http://blog.csdn.net/fangqun663775/article/details/71159633

欢迎访问:微信公众号(程序员资料站):code_data

a标签下载txt,jpg文件,不是直接打开的方式相关推荐

  1. a标签下载txt,会直接打开txt文件的处理方法

    一.href + download方法 通常在咱们写项目的时候会遇到上传下载什么的,在上传完文件后会把文件的路径保存到数据库里以便下载,如果想不通过后台直接下载的话,可以把文件路径给a标签的属性hre ...

  2. 使用a标签下载**.txt文件, 而不是直接打开

    今天有个使用a标签下载一个 .txt 文件,但是使用了不少方法,在点击下载的时候总是会直接打开被下载的文件,但是下载其他格式的文件就不会:也在网上找了不少资料 一.尝试href + download方 ...

  3. vue中使用a标签下载静态资源文件(比如excel、pdf等)后端不参与

    问题描述 平常我们在项目中需要做下载文件的功能,比如下载excel表格.比如下载pdf文件.比如下载word文档,这样的功能,一般是后端做,即:后端返回一个流文件.或者返回一个url地址- 但是,实际 ...

  4. 水经注下载的DAT文件用什么软件打开

    水经注下载器下载的文件格式都是*.dat,那么怎样才能打开呢,今天就给大家整理一下用什么软件可以打开DAT文件及怎么打开DAT文件. 工具/原料 水经注万能地图下载器  微型离线地图地理信息标注绘制系 ...

  5. excel文件下载下来损坏 js_使用exceljs和nodejs下载的xlsx文件正在libreoffice中打开,但在excel 2007中显示已损坏...

    这是我的密码.它创建一个xlsx文件,该文件在libreoffice中打开,但在excel-2007中显示为已损坏 还有workbook.xlsx.write(response)downloads.z ...

  6. vue移动端h5中a标签下载/预览文件

    需求:项目分PC端和移动端,PC端(react)以实现列表页附件下载,现需同步移动端(vue)h5页面在原有的列表页中增加一行查看(下载)附件. 只写结构,暂不考虑其他,增加附件行的代码如下: < ...

  7. 手机QQ浏览器如何同时下载多个文件

    qq浏览器是一个非常多用户都喜欢使用的搜索软件,这款软件可以为用户提供非常多便捷的搜索服务,在使用这款软件的时候,很多用户会使用这款软件下载自己需要的文件,那么在使用这款软件的时候,要如何同时下载多个 ...

  8. 计算机提示pdf不能加载,Win7打开PDF文件提示无法自定义打开程序的解法

    用户在 ghost Win7系统 打开PDF文件时提示无法自定义打开程序方式,一般打开程序系统会默认打开方式,但是有时候默认的 打开方式 并不适合当前的文件.Win7系统打开PDF文件提示无法自定义打 ...

  9. a标签无法下载.txt.png.jpg.pdf等文件解决方案

    对于浏览器无法识别的文件,可以通过a标签+download属性达到点击下载的效果 对于浏览器可以识别的文件,如果txt,图片文件等,点击a标签默认会直接打开文件 即使配置download属性也无效 对 ...

最新文章

  1. Android中使用ViewStub提高布局性能
  2. vim 中文乱码解决
  3. c/c++ g++默认编译调用成功,O2优化却发生Segmentation fault
  4. echarts4离线使用文档_适合写API接口文档的管理工具有哪些?
  5. modelsim 的高效使用
  6. linux 1号硬盘不能用,linux 挂载硬盘的疑问 : IDE1 上的接口无法使用.
  7. Ubuntu 12.04下配置JDK7
  8. 基于Pytorch的多任务推荐系统开源框架
  9. Ubuntu20.04安装Redis
  10. DenseNet介绍
  11. php 除数 保留两位小数,c语言除法怎么保留小数
  12. 字体管家射手座 - 绿斗堂字体网
  13. [转载][不转不行了^皿^]金庸小说中的十大“公司”
  14. php 中echo用法,php echo的用法详解
  15. UVA1586 Molar Mass(分子量)
  16. 通俗易懂理解几何光学(五)光线的光路计算及像差理论
  17. 条件随机场CRF(三)
  18. ablation experiments
  19. 推荐Java程序员阅读的书籍
  20. CSS---cursor鼠标属性

热门文章

  1. Python-3D图表
  2. UI设计规范之圆角有哪些优势?为什么我们使用圆角?如何使用?
  3. 大数据中物联网架构的相关知识
  4. 2022-2028全球外包半导体封装和测试服务行业调研及趋势分析报告
  5. Python 多因素方差分析
  6. yolo cfg文件解析
  7. 虚拟机体验NAS私人云全揭秘:深度揭秘虚拟机安装群晖DSM6.2/6.2.1/6.2.2/6.2.3系统
  8. 游戏运营数据分析指标
  9. SQL SERVER的表一直查询卡住
  10. JVM原理(二)执行引擎篇(JVM程序执行流程、JIT编译器、JIT编译器优化)