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

淡淡的烟草味﹌ 2022-12-29 02:28 367阅读 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 条评论，367人围观）

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

相关阅读

相关前端实现文件下载功能

`在很多后台管理系统里可能会有导出表格，下载表格，下载压缩包等这样的需求。下面说几种简单的下载的方法：` `1.最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本

拼搏现实的明天。/ 2023年10月11日 14:58/ 0 赞/ 65 阅读

相关前端下载文件

前端代码，只要能调用后端链接就行 window.open("/user/DownLaod?paymentid="+pamentID) <a herf="/u

àì夳堔傛蜴生んèń/ 2023年06月28日 06:30/ 0 赞/ 39 阅读

相关前端下载服务器文件

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

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

相关纯前端js导出Excel文件

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

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

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

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

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

相关前端文件下载

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

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

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

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

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

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

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

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

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

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

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

相关前端文件下载

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

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