Angular 2 - 将文件发布到 Web API

2024-03-11

我试图从 Angular 2 应用程序将文件传递到 Web API,但实际的文件数据未发送。

这是我的 Angular 2 服务代码:

        var headers = new Headers();
        headers.append('Content-Type', 'multipart/form-data');

        var formData = new FormData();
        formData.append("file", file);

        return this.http.post('http://myapiurl.com/files/upload', formData, { headers: headers }).map(res => res.json());

在 Angular 2 文档中,POST 方法签名如下:

post(url: string, body: string, options?: RequestOptionsArgs) : Observable<Response>

没有选项可以传递表单数据或其他对象。只是主体请求中的一个字符串。当前的解决方法是使用 javascript 和常规 xhr 请求。这样做有明显的缺点,例如无法使用可观察量等。

对此的任何帮助将不胜感激。


事实上,这还不支持。请参阅这个正在进行的问题:https://github.com/angular/angular/issues/5517 https://github.com/angular/angular/issues/5517.

HTTP 支持的当前实现仅支持请求负载的文本内容。查看这两个文件

  • https://github.com/angular/angular/blob/master/modules/angular2/src/http/backends/xhr_backend.ts#L82 https://github.com/angular/angular/blob/master/modules/angular2/src/http/backends/xhr_backend.ts#L82
  • https://github.com/angular/angular/blob/master/modules/angular2/src/http/static_request.ts#L93 https://github.com/angular/angular/blob/master/modules/angular2/src/http/static_request.ts#L93

希望对你有帮助, 蒂埃里

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 - 将文件发布到 Web API 的相关文章

随机推荐

  • 特定便携式区域的ControllerFactory

    我的主要 ASP NET MVC 复合应用程序使用全局 Unity 容器来注册类型 该应用程序将控制器工厂设置为使用此全局容器 我想重构这一点 以便我的每个可移植区域都利用它自己的子 Unity 容器 以便不同的区域可以以不同的方式实现接口
  • 构建设置中缺少压缩 Png 文件

    我正在构建一个包含相当多图像的应用程序 因此我使用 ImageOptim 将它们全部粉碎以帮助减小 IPA 的大小 然而我的应用程序的大小根本没有改变 我查看了他们的网站 他们说要关闭Compress Png Files在 打包 下的 构建
  • 在Java中写long和double不是原子的?

    单个变量的读写是原子的 语言保证 除非该变量是 long 或 double 类型 我正在阅读一门课程的幻灯片 发现上面写着 这门课是关于并发的 谁能向我解释为什么写 long 或 double 不是原子操作 这着实让我大吃一惊 它不是原子的
  • SplashScreen java 更改 alpha

    我正在循环遍历一些 png 来为 java 启动画面创建动画 我用这个开始动画 java splash images anim png SplashDemo 并在类中使用 png 您可以在这里找到该课程 http pastebin com
  • 使用 javascript 设置隐藏字段的值,然后从服务器端 C# 代码访问值

    我正在使用一个嵌套的 html 无序列表 样式为下拉列表 当单击内部列表列表项中的 a 标记时 它会触发一些 JavaScript 该 JavaScript 应该将隐藏字段的值设置为所单击链接的文本 javascript 似乎可以工作 我使
  • 在没有 Spring Security 的情况下保留 Spring 会话

    我正在寻求帮助来配置 Spring Boot 以在不使用 Spring Security 的情况下保留 Spring 会话 我从HttpSession JDBC Spring Boot 示例应用程序 https github com spr
  • 在 SQL Server 中,如何使用系统表/视图识别特定表的*所有*依赖关系?

    我正在编写一个 DDL 脚本来删除多个表 但需要首先确定这些表的所有依赖项 这些依赖项包括外键约束 存储过程 视图等 最好 我想在删除依赖表之前使用系统表 视图以编程方式编写脚本来删除这些依赖项 从头开始编写这非常混乱 您是否考虑过像这样的
  • 枚举值“”对于类型>“EnumType”无效并且无法序列化

    当使用 DataContractSerializer 编写具有如下成员的 DataContract 时 DataMember public PropertyId PropId get set 它报告序列化错误 SerializationEx
  • Angular2 是否有相当于 $document 的东西

    我已经开始研究 Angular2 并拥有 3 个嵌套组件的基本功能 但是我无法弄清楚如何将按键处理程序添加到文档中 如果没有 我将如何监听文档上的按键并做出反应 需要明确的是 我需要响应文档本身的 kepyress 而不是输入 在 Angu
  • Bootstrap 侧边栏滚动、附加和滚动监视

    NEWER 所以滚动现在正在工作 但它固定在页面顶部 我需要它位于正确的位置 内容旁边 然后开始在内容的当前位置滚动 我正在尝试让我的侧边栏像这里一样滚动 gt http getbootstrap com 2 3 2 components
  • 为什么 JavaScript 中的数组显示错误长度

    我正在学习 JavaScript 作为学习的一部分 我遇到了以下场景 我期望 a1 length 代码的最后一行 显示 201 但它显示 101 有什么想法吗 var a1 new Array for var i 100 i lt 100
  • NativeScript:如何禁用 WebView 中的缩放控件?

    我从以下问题中找到了在 Android WebView 中启用 禁用缩放控件的方法 如何删除Android webview上的缩放按钮 https stackoverflow com questions 10766669 how to re
  • 在 R/igraph 中可视化具有 3 层(三方)的图/网络

    我有一个 分层 网络 有 3 层 比如说父母 P 孩子 C 孙子 G 边缘总是指向年轻一代 专利 gt 子代 子代 gt 孙子或父代 gt 孙子 同一代中的顶点之间没有边 该图由 3 个边列表 P C C G P C 表示 下面给出一个简短
  • 无法在 gdal 中加载“gcs.csv”文件

    这个问题可能会重复 但我没有得到答案 我已经在 python ide 中编写了流动代码 out srs osr SpatialReference self out srs ImportFromEPSG 4326 它运行良好 但是当我从应用程
  • Corda:在一个流程中创建和使用相同的状态?

    是否可以在一个流中创建和使用相同的 corda 状态 或者在不同的子流中创建和使用它 我收到以下错误 Caused by net corda core flows NotaryException Unable to notarise tra
  • 在jquery中获取ruby值[重复]

    这个问题在这里已经有答案了 我有一个文本区域 在其中填充数据库记录 我想在 jquery 的 textarea 中访问相同的值
  • xml序列化c#

    无法理解我做错了什么 结果集是空的 我的代码 class Class1 public static object DeSerialize object resultObject XmlSerializer serializer new Xm
  • Android 推送通知状态检查

    用户可以在更高版本的 Android 中为应用程序禁用推送通知 应用程序有什么方法可以知道用户在设置中禁用了推送通知 看这里 http developer android com google gcm adv html unreg http
  • 如何在两个 docker 容器之间进行 nginx 反向代理负载平衡?

    我尝试使用相同的 Nodejs 应用程序在两个容器之间建立 nginx 反向代理负载平衡 目录结构 docker compose yml nginx nodejs index js php docker compose yml versio
  • Angular 2 - 将文件发布到 Web API

    我试图从 Angular 2 应用程序将文件传递到 Web API 但实际的文件数据未发送 这是我的 Angular 2 服务代码 var headers new Headers headers append Content Type mu