vue中实现附件下载

最近自己写网站练手遇到，一个难题，就是如何在前端界面中点击实现附件的下载，试了网上的很多方法，都报错（可能是我太菜了，没有理解那些大佬的意思），然后自己琢磨了好久，发现a标签的download属性可以实现，这个功能··········

实现步骤：

1.在自己的vue组件需要添加下载功能的位置写入a标签

<a href="web学习方案2.doc" download="web学习方案2.doc" target="_blank">附件1：web学习方案</a>

我这里href的属性值是存放在public文件夹下面需要在网页中被别人下载的文件名称，（即文件路径，public文件夹中的文件引用写路径public不写）

download属性值是所需要下载文件的名称

target是指规定在何处打开链接文档。

其属性值有：（可以根据需要选择）

值	描述
_blank	在新窗口中打开被链接文档。
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

然后对a标签进行简单的样式设置（不是必须，不添加样式，也可以），就可以实现了

vue中实现附件下载相关推荐

vue中添加附件以及表单内表格动态添加的功能实现
vue前端表单自动生成地址 form-generator vue中添加附件以及表单内表格动态添加的功能实现页面展示 <el-col :span="12"><el ...
java 读取邮件附件,JavaMail 中对附件下载的处理
在项目中使用 JavaMail 作为邮件核心库,但是一直遇到一个比较头疼的问题,当邮件中存在附件时,此封邮件加载速度很慢,最高时之后 80k/s. 通过 log 打印看出,当获取附件时,获取一段之后等 ...
Vue中实现图片下载到本地功能和导出（下载）excel文件功能：
一.实现图片下载到本地功能需求: 将勾选的列表项的id传给后台,让后台处理并下载对应的图片 1. 后台接口: 下载图片zip: GET /download 请求数据类型 application/x- ...
Vue中使用xlsx下载Excel表格
首先安装 npm i file-saver -S npm i xlsx -S <button @click='downTable'>下载表格</button> <el-t ...
VUE中IE浏览器下载文件的解决方案
IE浏览器无法通过a标签下载文件 1. 问题 2.解决方案 1. 问题浏览器的兼容性问题一直是个令人头痛的问题,开发的小伙伴应该都比较喜欢用chrome浏览器,兼容性比较强大,而就有些问题发生在其他 ...
vue中实现图片下载到本地
<imgsrc="../img/download.png"alt=""class="download_img"@click=" ...
SAP 标准附件下载
以采购订单中的附件下载为例方法一: * buseinss object key DATA: ls_lpor TYPE sibflporb,lv_document_id TYPE char46.DAT ...
vue移动端h5中a标签下载/预览文件
需求:项目分PC端和移动端,PC端(react)以实现列表页附件下载,现需同步移动端(vue)h5页面在原有的列表页中增加一行查看(下载)附件. 只写结构,暂不考虑其他,增加附件行的代码如下: < ...
vue中下载excel的使用，后端链接两种情况，一个是链接，一个是文件流
vue中下载excel使用一.这是第一种情况,后台链接地址返回的是一个url,这个时候我只要在导出按钮上绑定exportData()这个事件方法就好了 exportData() {this.time ...

vue中实现附件下载

其属性值有：（可以根据需要选择）

vue中实现附件下载相关推荐

最新文章

热门文章