Vue前端资源本地下载(即文件放在前端目录下)
1. 静态资源文件一般放置在public的static的目录下,src/assets下不行2. 写一个按钮比如文件名为“下载资源”,下载到你本地的文件名称下载文件名为“1.pdf”,前端目录的文件名!!注意下载文件名不要带中文字符!!<el-button type="text" @click="download(下载文件名,文件名)">下载</el-button>3.写一个
·
1. 静态资源文件一般放置在public的static的目录下,src/assets下不行
2. 写一个按钮
比如文件名为“下载资源”,下载到你本地的文件名称
下载文件名为“1.pdf”,前端目录的文件名
!!注意下载文件名不要带中文字符!!
<el-button type="text" @click="download(下载文件名,文件名)">下载</el-button>
3.写一个方法传入参数
download(filename,name){
let a = document.createElement('a');
a.href = '/static/download/'+filename;
//路径中'/'为根目录,即index.html所在的目录
a.download = name;
a.click();
},
5. 可以用了,注意路径要对,不然会找不到文件
更多推荐
已为社区贡献2条内容
所有评论(0)