vue下载压缩包 , 提示文件损坏

vue2文件流下载成功后的压缩包打不开 后端采用文件流的方式将文件信息发送给前端,前端需要接收相应的流信息做出对应的操作,如接收到图片、pdf将进行预览模式,将接收到压缩包形式的则进行文件下载。后端对相应的文件进行不同的传输方式进行传输,前端则需要接收相应的信息并进行操作。 阅读详情

效果如图:
在这里插入图片描述
接口代码:

export function downloadApp(name) {
  return request({
    url: '/common/download/name',
    method: 'get',
  })
}

修改后代码:

export function downloadApp(name) {
  return request({
    url: '/common/download/name',
    method: 'get',
    //加上下面两行代码,设置请求头
	responseType: 'blob',
    headers:{ 'Content-Type': 'application/json; application/octet-stream'},
  })
}
vue2文件流下载成功后文件格式错误、打不开、内容缺失 文档流问题 阅读详情

相关推荐

vue中使用pdf.js展示pdf文件

在vue中使用pdf.js如何使用显示方式出现的问题 如何使用 首先去官网下载压缩包,解压后放在vue项目的public文件夹下,不然找不到 然后就可以在组件中使用了 显示方式 打开新页面显示pdf文件,直接在a标签上引入public下的viewer.html文件,file表示你的pdf的地址 template中的代码 // 直接通过/路径引入,vue中/路径就是public下的文件,此处的href用了vue的属性绑定,使用url变量 <a target="_blank" :href="'/p

qq_41225246的博客 1272

vue下载zip文件提示损坏

vue下载zip文件提示文件损坏无法解压

jhhjkn的博客 2231

Vue+Django压缩包解压失败的处理方法

在使用Vue和Django进行开发时,有时我们需要将项目打包成压缩包进行传输或备份。在Vue项目中,我们可以在src目录下编写前端代码。现在,我们已经完成了Vue前端项目和Django后端项目的编写。假设我们有一个简单的Vue前端项目,和一个Django后端项目,我们希望将它们打包成一个压缩包进行传输。现在,我们可以将Vue项目和Django项目的文件夹压缩成一个压缩包。下面以一个具体的示例来演示如何使用Vue和Django进行开发,并将项目打包成压缩包。首先,我们使用Vue CLI创建一个Vue项目。

MdlForward的博客 552

aspnetcore vue 下载zip文件,压缩包打不开的问题记录

这里写目录标题C#代码压缩传输zip文件测试用: C#代码压缩传输zip文件 测试用: // POST api/<LogFileDownloadController> [HttpPost] public FileResult Post([FromBody] LogFileDownloadInputModel value) { var uuidN = Guid.NewGuid().ToString("N");

Gabriel_gu的博客 1537

电脑软件蜂巢收纳盒压缩包及安装指南

exe文件,作为Windows操作系统中常见的可执行文件格式,承担了操作系统和软件之间的重要桥梁角色。它由多种不同的组件构成,其中包含程序代码、资源数据以及元数据。在深入了解这些组件之前,首先需要对PE(Portable Executable)格式有所认识,因为它定义了.exe文件的基本结构。.exe文件结构主要分为以下几个部分:DOS头(DOS Header):此部分包含了一个可执行文件的最初信息,它对DOS系统友好,允许DOS环境加载器识别文件类型并执行一些基本的操作。

weixin_36178216的博客 776

Unity2019编译器下使用Ump无错误,打包exe不播放 或 将exe文件在其他电脑下运行不播放

一、unity编译器下使用UMP可以播放视频,打包后查看debug 出现错误 UnloadTime: 1.070900 ms Fallback handler could not load library F:/PCTest/AccessControlSysteam/jfmx_Data/Mono/libdl Fallback handler could not load library F:/PCTest/AccessControlSysteam/jfmx_Data/Mono/libdl.dll Fa.

qq_42345116的博客 4700

vue+django 如何实现压缩包的下载

vue+django实现文件压缩包下载

qq_41948178的博客 866

【UOJ170】Picks loves segment tree VIII

【题目链接】 点击打开链接 【前置阅读】 【BZOJ4695】最假女选手 【BZOJ3064】【TYVJ1518】CPU监控【UOJ169】【UR #11】元旦老人与数列 【思路要点】 前置阅读中的前两题中,我们分别对线段树的区间取最大/最小值和线段树的历史最大/最小值进行了研究。本题中,两类问题同时出现,因此我们

cz_xuyixuan的博客 1247

使用vue+elementUi+docxtemplater实现对列表页的doc文件导出,以及zip压缩包格式

使用vue+elementUi+docxtemplater实现对列表页的doc文件导出,以及zip压缩包

WhoopD的博客 814

轨迹优化 | 图解欧氏距离场与梯度场算法(附ROS C++/Python实现)

距离场在运动规划中则常用于地图建模和轨迹梯度优化。本文图解欧氏距离场EDT的算法原理,并基于双线性插值给出欧氏梯度场的公式推导,并给出ROS C++和Python的算法实现加深理解

FRIGIDWINTER的博客 4646

试读源码在这里下载

试读文章的源码在这里下载。源码不做任何修改,重点重点重点:为了代码运行不报错,安装matlab 版本为 2021 及以上版本。matlab安装教程大家可以参考这个教程:手把手教你安装matlab软件。

在职AI算法工程师,擅长计算机视觉,YOLO目标检测、分割等,擅长web、pyqt界面可视化,好内容持续更新中,来这里跟大家一起学习,共同进步 4302

Vue文件下载,文件导出

很多人的项目中都有文件下载,文件导出为excel,json等格式的需求,最近我的项目中也有很多这种需求。下面是项目效果图,右上角的导出,就是我们这次要实现的功能。由于都是真实的数据我在这儿就打码了。

xll20000811的博客 1538

cesium 实时轨迹

运用cesium中model和polyline添加模型和轨迹线,用CallbackProperty方法来实时改变经纬度。

God's asylum的博客 1964

Swagger/Knife4j 下载文件损坏,但前端却能正常打开

如果这串字节里多了一个空格,或者少了一个字符,解压时就会报错“文件损坏”。这句话的意思是告诉浏览器:“**别动!**别管服务器发回来的是什么,原封不动地给我放到内存里,我要直接存成文件。:你拿到的文件,已经不是服务器发出的那个原装文件了,而是一个被“转码-损毁-再转码”的残次品。下次再遇到这种情况,你就可以淡定地告诉同事:“这是 Swagger 的锅,我的代码没问题!别急,这其实是一个经典的**“工具机制差异”**问题。因为跳过了“文本解码”这一步,前端拿到了最原始、最纯净的二进制流,所以文件完好无损。

【轰炸机】的博客 216

Android开发工程师面试问题与参考答案

这是一份Android开发工程师职位面试指南,主要针对自研OS开发岗位。岗位要求3年以上独立开发经验,熟悉Android平台UI设计、四大组件和Java基础。面试问题覆盖五大核心领域:基础知识、开发经验、技术深度、问题解决和性能优化。文章提供了典型面试问题及专业参考答案,帮助应聘者准备关键技术点,如多线程处理、HashMap与ConcurrentHashMap区别、Handler机制等。同时建议应聘者结合项目经验展示优化能力,并注意公司提供完善的薪酬福利和团队文化。

郑伟强dev的专栏 893

车间数据孤岛终于破了!C#上位机+MQTT打通产线与MES,数据延迟从小时级降到秒级

本文针对工业上位机开发中常见的车间数据与企业管理系统(MES)割裂问题,提出基于C#和MQTT协议的完整解决方案。通过EMQX MQTT Broker实现数据实时双向传输,将质量追溯时间从2小时缩短至10秒,生产计划自动下发,实现秒级数据延迟。方案采用分层解耦架构,支持设备更换和系统升级,核心优势包括低延迟、高可靠性和易扩展性。文章详细介绍了MQTT协议选型理由、整体架构设计、技术选型(EMQX Broker和MqttNet客户端),并提供了C#实现代码和部署流程。该方案已在实际产线验证,可有效解决&quo

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 480

亲测可用,java+vue压缩及下载zip

实现java压缩文件或文件夹以流返回vue前端下载 前一阵子需要实现这个需求,在网上找了挺久都找不到完整的前后端代码,要不就是只有前端没有后端,要么就是压缩出来文件末梢损坏,当时看了一下流也没有问题,就想着自己写一个博客。 思路是这样的: 在服务端生成相应的文件或者文件夹 压缩文件或文件夹 以流的形式返回前端下载 那我们直接上代码: 第一步就直接跳过,来到第二步,先上工具类 这是我自己整理的工具类 import javax.servlet.http.HttpServletResponse; import

黄沙客栈 2112

CAN总线介绍及硬件设计

1. CAN是什么 CAN 是 Controller Area Network 的缩写(以下称为 CAN),是 ISO*1 国际标准化的串行通信协议。 在当前的汽车产业中,出于对安全性、舒适性、方便性、低公害、低成本的要求,各种各样的电子控制系统 被开发了出来。由于这些系统之间通信所用的数据类型及对可靠性的要求不尽相同,由多条总线构成的情况很 多,线束的数量也随之增加。为适应“减少线束的数量”、“......

sinat_15677011的博客 9991

excel 下载 application_.netcore+vue 实现压缩文件下载

一.前言目前接触的项目中,给定的需求是将系统内所有用户的数据整理好,并保存到文件夹内,目的主要是防止用户在实施人员已配置好的基础上由于不熟悉系统,导致的误删或者误操作。减少实施人员的配置工作。我首先想到的就是将数据导入到Excel中,并以各个用户的名称命名文件夹做好分类。vue下实现Excel导入这个我们见的比较多了,当时我也确实实现了下载Excel的功能,但是后续发现保存的文件都在服务器上,那就...

weixin_39894778的博客 219

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

vue调用后台接口下载pdf

​后端采用文件流的方式将文件信息发送给前端,前端需要接收相应的流信息做出对应的操作,如接收到图片、pdf将进行预览模式,将接收到压缩包形式的则进行文件下载。 ​

weixin_71389856的博客 726

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

.net WebApi 批量文件进行压缩zip以二进制流传输至前端(Vue)下载

前言:最近接了个项目,需要进行将服务端生成的文件进行打包压缩供前端下载,百度查了下资料,决定采用SharpZipLib C#开园的压缩解压库进行服务器文件压缩,在实现过程,郁闷的是前端接收下载下来的压缩包,解压的时候一直报“文件损坏或文件格式不正确”, 在此记录下这过程,避免以后采坑。 接口端压缩方法(以二进制文件流传输至Http): /// <summa...

weixin_30888027的博客 1418

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

记gradle打包构建工具下载问题

早在我是用cordova打包时就遇到了而这个问题,当网络不是很好的时候(一般特指家庭网络????),这个东西是下不下来的,应为它是需要下载zip并采用内部手段解压的存在,所以就导致怎么都下不全,于是我每次但凡遇到报错gradle字样,我就放弃挣扎,冲头再来????。 使用cordova打包时如遇到gradle下载不全请参考前面课程cordova打包vue。 本文主要讲讲使用Android Studio打包是遇到gradle下载不全或损坏时该如何下载: 1、打开下图文件 2、去官网下载需要的版本压缩包到本地

JiaoKunGe的博客 350

Weakpass Extract工具:从压缩包/Office文件中提取哈希的实用技巧

Weakpass是一款专注于暴力破解和哈希破解的工具集合,其中Extract工具提供了从各类文件中提取哈希值的便捷功能,帮助安全测试人员和开发者快速获取密码哈希用于后续分析。 ## 核心功能:文件哈希提取利器 🛠️ Extract工具的核心能力是从压缩包(如ZIP、RAR)和Office文档(如Word、Excel)中自动识别并提取哈希值。通过简单的文件选择操作,即可将隐藏在文件中的密码哈希

gitblog_01038的博客 998

vue init webpack 时报错(附带vue不是内部命令):Current existing ChromeDriver binary is unavailable, proceding...

一定要对应好自己的路径,vue init webpack vue 我这里后面那个vue 是我起的项目名,也叫vue 根据提示的目录(我的是提示:Saving to file: C:\Users\HOUXIA~1\AppData\Local\Temp\2.46\chromedriver\chromedriver_win32.zip), 粘贴这个目录,找到对应的文件 1.我当时第一反应是:直接解压这个压缩文件,提示我什么文件以及损坏; 2.然后我去http://chromedriver.storage.go

weixin_45709255的博客 704

快速安装vue-devtools最新版本(vue开发者调试工具安装)

安装vue开发者调试工具vue-devtools的方法有几种: 方法一:通过谷歌浏览器的插件商店直接安装,该方法: 安装地址: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 优点:安装最简单,版本新,且安装不会遇到奇奇怪怪的问题 缺点:插件商店需通过网络...

qq_38243612的博客 2680
上一篇: RabiitMQ入门基础学习一
下一篇: IDEA之Translation翻译插件-TKK: 更新 TKK 失败
Musclewl
博客等级 码龄9年 215粉丝 31原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值