看代码

import axiosDown from "axios";downloadFile(path) {return axiosDown({url: path,method: "get",responseType: "blob" // 这一步也很关键,一定要加上 responseType 值为 blob});},downloadWay(item) {// console.log(item,'item');this.downloadFile(item.fileUrl).then(data => {if (!data) {return;}let url = window.URL.createObjectURL(data.data);let link = document.createElement("a");link.style.display = "none";link.href = url;// download 属性定义了文件名称,并且是必填,不然会页面会自动识别为跳转路径,而不是文件下载地址link.setAttribute("download", item.name);document.body.appendChild(link);link.click();// 销毁添加的a标签setTimeout(() => {link.parentNode.removeChild(link);}, 200);});},

Vue下载文件不成功及下载文件名称问题相关推荐

  1. 上传文件转换html异常,JS 文件互转、10 个 HTML 文件上传技巧、Web 用户体验设计提升指南、奇怪的知识——位掩码 | 思否技术周刊...

    上传文件功能可以说是项目经常出现的需求.从在社交媒体上上传照片到在求职网站上发布简历,文件上传无处不在.在本文中,我们将讨论 HTML文件上传支持的10种用法,希望对你有用. 1. 单文件上传 我们可 ...

  2. c语言实现指定路径文件读取_C语言实现文件复制功能(包括文本文件和二进制文件)...

    文件的复制是常用的功能,要求写一段代码,让用户输入要复制的文件以及新建的文件,然后对文件进行复制.能够复制的文件包括文本文件和二进制文件,你可以复制1G的电影,也可以复制1Byte的txt文档.实现文 ...

  3. 第十一章 文件操作_C语言实现文件复制功能(包括文本文件和二进制文件)

    文件的复制是常用的功能,要求写一段代码,让用户输入要复制的文件以及新建的文件,然后对文件进行复制.能够复制的文件包括文本文件和二进制文件,你可以复制1G的电影,也可以复制1Byte的txt文档. 实现 ...

  4. vue实现下载EXCEL模板、导入EXCEL文件

    vue实现下载EXCEL模板.导入EXCEL文件 在项目中很常见需要先下载模板,根据模板导入 下面展示一些 下载模板代码片段. 需要有一个下载模板的接口,点击下载触发函数,调用接口,返回下载地址 接口 ...

  5. vue采用 XLSX文件上传与下载

    vue采用 XLSX文件上传与下载 先安装xlsx npm install xlsx 安装之后直接在该页面script标签里面导入 import * as XLSX from 'xlsx' 注意 此处 ...

  6. 中国蚁剑下载时,出现“无法成功完成操作,文件包含病毒或潜在的垃圾软件”报错的解决方案

    windows在下载中国蚁剑核心原码时,出现错误0x800700E1"意外错误无法复制文件,文件包含病毒或潜在的垃圾软件"报错,原因是代码中有部分文件被windows安全中心拦截, ...

  7. vue项目中使用a标签下载视频文件

    vue项目中使用a标签下载视频文件 前提条件: 1.地址为http 2.文件格式为MP4(仅代表这次项目中使用的情况) 示例代码: <el-button size="mini" ...

  8. js 关于下载文件如何判断是否下载成功

    最近在做的一个项目碰到一个问题,就是需要检测什么时候导出成功并根据导出成功进行提示操作.开始是直接使用location.href,但是无法检测到是否下载成功. 经过查找资料下载文件使用iframe可以 ...

  9. vue中实现文件批量打包压缩下载(以及下载跨域问题分析)

    上次做了一个选择多个数据生成多个二维码并下载,当时项目催的紧,就简单写了个循环生成二维码下载,一次性会下载很多文件,特别难整理: 刚好这次项目又遇到类似这种功能,需要一次性批量下载多个文件,那么就安排 ...

  10. vue+axios以流的形式下载文件

    后端提供文件流(如果后端提供下载链接的话就没这么麻烦了,location.href也好<a>也好都可以),前端用Blob对象读取流并使用<a>标签进行下载. dowm(inde ...

最新文章

  1. 刻意练习:LeetCode实战 -- Task16. 无重复字符的最长子串
  2. 宏基因组数据提交GSA实操手册—发表文章前必备技能
  3. IOS报错:Unexpected ‘@’ in program
  4. java oracle临时表,JdbcTemplate操作oracle的临时表
  5. [Java基础]线程安全的类
  6. C#编程高并发的几种处理方法
  7. python的应用包括哪些_Python应用领域有哪些?
  8. java jdk 未知错误_解决JAVA JDK安装出错的最常见问题,帮你排除困扰
  9. 互联网系统架构的演进
  10. Jira中的BUG导出
  11. ARMv8-A Exception Levels
  12. 佳能MG2580S清零
  13. C++预编译头文件 – stdafx.h
  14. 【解决方案 十八】连接已重置怎么办
  15. ADXL361(微功耗三轴加速度计)使用笔记
  16. 腾讯云和百度贴吧web端支付成功页面模板(根据实际页面修改整理)
  17. iScroll实现下拉刷新和上滑加载更多
  18. input隐藏边框和选中样式
  19. Kaggle--房价预测
  20. 常威来了(变量和常量)简单易懂

热门文章

  1. handlersocket php,handlersocket安装配置
  2. keras实现手写字体识别
  3. win7自定义html为桌面,Win7系统如何自定义个性桌面?
  4. oracle修复工具下载,Oracle数据库修复工具Stellar Phoenix Database Repair for Oracle
  5. Flex Builder4.7 与 MyEclipse2013集成 64位
  6. 谷歌企业邮箱:应用专用密码
  7. 百度搜索跳过验证码_百度搜索是死是活?网友吵翻了天,你觉得呢
  8. Concurrency in C# Cookbook中文翻译 :c#的并发烹饪书
  9. UE4实时渲染——渲染前和遮挡
  10. matlab傅里叶变换程序