Angular post请求，获取文件流方式，

最新推荐文章于 2023-04-06 16:36:10 发布
最新推荐文章于 2023-04-06 16:36:10 发布
阅读量2.8k 收藏
点赞数
分类专栏： 附件下载 文章标签： angular post 请求文件流 下载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39427688/article/details/90408098
版权

正常请求参数，在请求post请求内容中放入

{responseType: ResponseContentType.Blob}

 

将获取的内容转化为url，windows.open（url）去下载

let blob = new Blob([ret], {type: 'application/zip'});
let objectUrl = URL.createObjectURL(blob);
window.open(objectUrl);
一定要幸福Q
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Angular使用HTTP POST下载流文件
Guoye的专栏
09-06 8065
Angular使用HTTP POST下载流文件 Angular / Vue HTTP POST下载流文件 HTTP POST 请求流文件转成excel 在使用Angular开发项目时，通常会有下载文件的功能项。一般是后台返回下载地址，通过<a>标题或者使用window打开下载地址新窗口，浏览器则会识别出流文件进行文件下载。 但是，有时候进行http异步请求，后台返回的并不是下载地址...
angular 使用blob二进制流的方式下载后台文件
热门推荐
shengandshu的博客
07-20 1万+
先说两个比较古老的js下载方式， 1. window.open(src)和window.location = src 2. form表单提交 这两个方式都有局限性，对于需要传递大量参数的下载请求，可以这样写： this.http.post(`${this.uri}/exportdata.file`, params, {responseType: 'blob'}).subscribe(da...
angularjs中$http服务的POST用法实例
weixin_39006917的博客
07-18 459
一、为鼠标点击事件添加响应 scope.myClick = function() { $http({ method: "POST", url: "http://localhost:8088/test", data: "123456", head...
angularjs如何接收POST方法返回的二进制数据流？
mygrilzhuyulin的专栏
12-16 2815
用angularjs的post方法发送公司员工的信息到服务器，在服务器生成Excel格式的员工信息文件（服务器不保存此文件），并以二进制流的方式返回到浏览器，浏览器如何接收二进制流文件？有Ajax post方法方面的答案也可以。 答案：试试设置responseType为'arraybuffer'？ArrayBuffer - JavaScript $http({ url: '
关于在angular项目中使用post请求下载文件的方法及注意点
blue_light0208的博客
04-06 626
原因：请求返回内容格式为文件流，而前端默认请求返回内容的是JSON格式，存在冲突。此时，需要明确定义请求返回格式。的位置空出来，保证options在其对应的位置，即post(url，博主是傻子，因为这个搞了几个小时，血泪教训！出现特殊情况：请求成功且有返回，但请求被拦截，报错情况如上。)，否则出现 post(url，请求，它有三个参数（
Angular网络请求的封装方法
08-27
Angular提供了多种网络请求方式，包括GET、POST、PUT、DELETE等。这些方法都可以用来发送网络请求，但是它们的使用方式和参数不同。例如，POST方法可以用来发送数据到服务器，而GET方法可以用来获取服务器上的数据。...
angular.js4使用 RxJS 处理多个 Http 请求
10-19
它提供了诸如 `get`, `post`, `put`, `delete` 等方法来发起各种类型的请求。使用 `.map` 操作符可以方便地将服务器返回的响应转换为所需的格式，如 JSON。 总结来说，结合 Angular Http 服务与 RxJS 库，我们可以...
AngularJs的$http发送POST请求,php无法接收Post的数据的问题及解决方案
10-14
在使用AngularJS与PHP进行交互时，可能会遇到一个问题：当使用AngularJS的$http服务发送POST请求时，PHP后台无法正常接收POST数据。这个问题通常源于数据格式的不匹配和HTTP头设置不当。以下是对这个问题的详细分析...
angular实现IM聊天图片发送实例
08-30
本文将详细讲解如何在Angular应用中实现IM聊天图片发送的两种方式：截图粘贴和本地图片选择，并涵盖图片上传至服务器的关键步骤。 首先，我们要处理截图粘贴的情况。当用户通过QQ或其他平台截图并粘贴到信息框时，...
springboot+angular4前后端分离 跨域问题解决详解
08-25
SpringBoot+Angular4前后端分离 跨域问题解决详解 SpringBoot和Angular4是当前流行的前后端分离开发技术栈，本文主要介绍了如何解决SpringBoot和...通过这种方式，可以实现SpringBoot和Angular4前后端分离的跨域请求。
Angular利用HTTP POST下载流文件的步骤记录
11-20
Angular / Vue HTTP POST下载流文件 HTTP POST 请求流文件转成excel 在使用Angular开发项目时，通常会有下载文件的功能项。一般是后台返回下载地址，通过 标题或者使用 window 打开下载地址新窗口，浏览器则会识别出流文件进行文件下载。 但是，有时候进行http异步请求，后台返回的并不是下载地址，而是直接返回一个文件流，这时如何使用http请求回来的文件流转换成文件下载？ 其实并非Angular框架存地这样的情况，其他PWA如Vue,React甚至Jquery都通过http xhr进行请求而获取的流文件，浏览器也并不会自动识别并自动下载。 那当
angular中的post请求处理示例详解
10-15
主要给大家介绍了关于angular中post请求处理的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用angular具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
angular 文件上传、预览、下载demo（angular-file）
medusa222的博客
09-03 3073
angular-file — Quick Start、Examples、Directive 1. npm install angular-file --save-dev 2.
shell-awk
DCHAO的博客
12-15 2085
一、verview awk是个文本处理的程序，它将一个文件分为行和列，以类似二维表的方式进行处理。 awk逐行扫描文件，寻找匹配特定模式的行，并在这些行上进行指定的操作。它包含2部分：模式匹配(用于找到要处理的行)和处理。pattern {action} awk有两个特殊的模式：BEGIN和END，他们被放置在没有读取任何数据之前以及在所有数据读取完成以后执行。 二、语法 1. 命令 awk程序的基本格式如下： awk options program file program '\模式字符串\ {程序}
angular的post请求处理。
hellosky360的博客
05-11 1000
angular的post请求处理。 项目angular中使用jQuery请求，想替换为angular自身请求，结果发现后台没法获取參数，所以，查询资料分析一下，做个总结。 首先，angular和jQuery中请求是不同的。如下： jQuery 请求contentType是： application/x-www-form-urlencoded; charset=UTF-8 data参数是处理过的： // json对象 { a : 1, b : 2 } // 将json对象处理为 "a=1&b
Angular学习之旅----post请求
瑞朋哥的博客
07-12 1052
先设置请求头import { Http, Jsonp, Headers } from '@angular/http'; private headers = new Headers({ 'Content-Type': 'application/json' }) postData() { // 1.import { Http,Jsonp,Headers } from '@angular/ht...
angular8 获取文件流_史上最骚最全最详细的IO流教程，没有之一
weixin_39907220的博客
12-30 904
前言io流用到的地方很多，就比如上传下载，传输，设计模式等....基础打扎实了，才能玩更高端的。在博主认为真正懂IO流的优秀程序员每次在使用IO流之前都会明确分析如下四点：（1）明确要操作的数据是数据源还是数据目的(也就是要读还是要写)（2）明确要操作的设备上的数据是字节还是文本（3）明确数据所在的具体设备（4）明确是否需要额外功能（比如是否需要转换流、高效流等）以上四点将会在文章告白IO流的四点...
AngularJs接受 ResponseEntity<byte[]>二进制流，实现下载文件
wspc_的博客
03-26 5724
后台使用SpringMVC 的 ResponseEntity 参数返回类型，前台使用AngularJs请求。代码如下 后台代码： @RequestMapping("/down") @ResponseBody public ResponseEntity expoertExcel(..) throws IOException{      ...         return new Resp
angular iframe 显示pdf 文件流
最新发布
01-30
在Angular中显示PDF文件流可以使用ng2-pdfjs-viewer组件。你可以在HTML模板中使用该组件，并通过绑定pdfSrc属性来指定PDF文件的URL或文件流。下面是一个示例： ```html <ng2-pdfjs-viewer [pdfSrc]="pdfData"></ng2-pdfjs-viewer> ``` 在组件的代码中，你需要定义一个变量来存储PDF文件的URL或文件流。你可以通过HTTP请求获取文件流，并将其赋值给pdfData变量。以下是一个示例： ```typescript import { Component } from '@angular/core';import { HttpClient } from '@angular/common/http'; @Component({ selector: 'app-pdf-viewer', templateUrl: './pdf-viewer.component.html', styleUrls: ['./pdf-viewer.component.css'] }) export class PdfViewerComponent { pdfData: any; constructor(private http: HttpClient) { this.loadPdfData(); } loadPdfData() { this.http.get('http://example.com/path/to/pdf/file.pdf', { responseType: 'blob' }) .subscribe((data: Blob) => { const reader = new FileReader(); reader.onloadend = () => { this.pdfData = reader.result; }; reader.readAsArrayBuffer(data); }); } } ``` 在上面的示例中，我们使用HttpClient来发送HTTP请求获取PDF文件的文件流。然后，我们使用FileReader将文件流转换为ArrayBuffer，并将其赋值给pdfData变量。 请注意，你需要在Angular应用中引入HttpClient模块，并在组件的构造函数中注入HttpClient。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值