前端下载excel文件等，项目纯前端实现文件下载

淡淡的烟草味﹌ 2022-12-29 02:28 259阅读 0赞

最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）：

<a href="/user/test/xxxx.xls" download="文件名.xls">点击下载</a>

`但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;`

`如果再vue项目中需要下载文件需要放在public文件夹下 需要下载的路径是相对于index.html文件路径 否则会提示下载文件未找到`

`注意：文件名称一定要用英文`

出现打不开的问题，首先检查自己的路径，然后看看文件夹名称是否是英文的，`这种方法绝对好用`

`一下文章还有更多的方法`

[https://blog.csdn.net/phhzhhh/article/details/106183647][https_blog.csdn.net_phhzhhh_article_details_106183647]

[https://blog.csdn.net/qq\_35158525/article/details/103614391][https_blog.csdn.net_qq_35158525_article_details_103614391]

[https://www.cnblogs.com/xzybk/p/12696012.html][https_www.cnblogs.com_xzybk_p_12696012.html]

以上方法不兼容IE浏览器

可以用这种方法：

<el-button size="mini" class="importBtn" v-if="downFlag" @click="download">下载模板</el-button>
    download(){
        window.location='/perpon.xlsx'  // 在项目中的文件地址
    },

[https_blog.csdn.net_phhzhhh_article_details_106183647]: https://blog.csdn.net/phhzhhh/article/details/106183647
[https_blog.csdn.net_qq_35158525_article_details_103614391]: https://blog.csdn.net/qq_35158525/article/details/103614391
[https_www.cnblogs.com_xzybk_p_12696012.html]: https://www.cnblogs.com/xzybk/p/12696012.html

发表评论取消回复

表情：

评论列表（有 0 条评论，259人围观）

还没有评论，来说两句吧...

相关阅读

相关前端下载文件的方式

需求：页面上有一个下载按钮，点击后实行文件下载功能。方式一：使用window.open() 方式二：使用form表单下载方式三：使用a标签，H5中有download属

悠悠/ 2023年10月09日 12:42/ 0 赞/ 11 阅读

相关前端下载服务器文件

前端直接下载服务器文件函数 / 使用的插件 axios / downloadFile(src,name){ axios(

短命女/ 2023年01月16日 02:50/ 0 赞/ 91 阅读

相关纯前端js导出Excel文件

项目中有的时候需要咱们前端来导出Excel表格还是需要了解怎么做的，当然了最好还是让后端做导出话不多说，上步骤 1. 安装插件 vue-json-excel

向右看齐/ 2023年01月13日 05:44/ 0 赞/ 102 阅读

相关前端下载excel文件等，项目纯前端实现文件下载

最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）： <a href="/user/test/xxxx.xls" download="文件名.xl

淡淡的烟草味﹌/ 2022年12月29日 02:28/ 0 赞/ 260 阅读

相关前端下载文件(blob流文件下载及修改下载文件名称)

项目中经常遇到文件下载需求，有时候后台返回的是一个blob流文件（就是看起来像是乱码的数据），这时就需要前端对文件进行处理，或展示，或下载。故这里简单实现一下blob流文件下载

一时失言乱红尘/ 2022年12月27日 14:03/ 0 赞/ 283 阅读

相关前端文件下载

先记录 function getFile(url, params) { axios({ method: 'get',

朱雀/ 2022年10月31日 00:52/ 0 赞/ 133 阅读

相关 django返回excel文件给前端下载

Django使用openpyxl返回excel文件给前端下载虚拟环境导入 pip install openpyxl views.py代码： imp

古城微笑少年丶/ 2022年08月28日 06:49/ 0 赞/ 171 阅读

相关前端js实现字符串/图片/excel文件下载

在`web`开发中，如果你想让用户下载或者导出一个文件，应该怎么做呢？传统的做法是在后端存储或者即时生成一个文件来提供下载功能，这样的优势是可以做权限控制、数据二次处理，

淩亂°似流年/ 2022年03月19日 14:16/ 0 赞/ 227 阅读

相关前端vue项目-关于下载文件pdf/excel

最近在做一些需求，需要下载一些文件信息，最频繁的就是下载excel文件到本地了看过了很多方法，做个整理吧哈哈哈哈参考的文章链接： [https://www.cnblo

心已赠人/ 2021年12月10日 20:23/ 0 赞/ 432 阅读

相关前端文件下载

function download(url, filename) { return fetch(url).then(res => res.blob()

水深无声/ 2021年09月01日 01:38/ 0 赞/ 391 阅读