AngularJS:将照片作为多部分表单数据上传并发布并获取响应

2023-12-22

我想上传图像并将其发布到我的服务器,该服务器应该将图像进一步发布到某些 API 并获取其响应。

我可能可以将视图与类似的东西一起使用:

<form ng-submit="updatePhoto(myphoto)"> 
    <p>Choose Photo:</p>
    <input type="file" ng-model="myphoto">
    <input type="submit" value="Send">
</form>

然后在控制器中该函数将具有如下内容:

$http({
        method: 'POST',
        url: 'myAPIserver.php/',
        data: "myPhoto=" + photo,
        headers: {'Content-Type': 'multipart/form-data'}
});

但这是不正确的,我不知道如何实现这一点。问题是我首先将这张照片发送到我的 PHP 代理,然后从那里我使用curl 发出直接的 API 请求。

我希望我说得足够清楚。任何建议表示赞赏,谢谢


我在我得到的自定义指令的帮助下成功地完成了这个任务here http://uncorkedstudios.com/blog/multipartformdata-file-upload-with-angularjs。 如果您想访问文件,您需要一个用于文件上传的自定义指令(ngModel 不起作用,请参阅this https://stackoverflow.com/questions/17063000/ng-model-for-input-type-file了解更多信息)。

使用第一个链接:

<form ng-submit="updateSth()" name="uploadForm" enctype="multipart/form-data">
    <input name="file" type="file" id="file" file-model="fileToUpload" />
    <input name="somethingINeed" type="submit" value="Upload" />
</form> 

您现在可以使用 $scope.fileToUpload 访问上传的文件,这使一切变得更容易。 我从第一个链接上给出的服务中提取了该功能,并且没有将其用作服务,因为这样更适合我......

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

AngularJS:将照片作为多部分表单数据上传并发布并获取响应 的相关文章

随机推荐

  • 我可以在同一页面上使用多个版本的 jQuery 吗?

    我正在从事的一个项目需要在客户的网页上使用 jQuery 客户将插入我们将提供的一段代码 其中包括一些
  • 无法在 Meteor 中解码下载的字体

    这是我的CSS font face font family geometria lightlight src url Geometria Light webfont eot src url Geometria Light webfont e
  • PyQt 与 Sqlalchemy 集成

    我正在尝试通过 Sqlalchemy 将使用 PyQt 创建的表单添加到数据库中 但我猜我的代码有问题 我收到此错误 le Users tunji Desktop employee py line 57 in AddEmployee ses
  • java中简单的“检查更新”库

    我正在使用 Eclipse RCP 但是 主要是因为我完全控制了 UI 删除了所有贡献 从头开始进行首选项等 我只是无法接受所包含的更新管理器的复杂性和需求 另外 我不使用插件功能 并且应用程序插件必须被提取 尽管我可以解决最后一个问题 不
  • 如何在 Laravel REST API 中使用 PUT 方法更新图像?

    我正在尝试使用 Laravel 构建一个 REST API 用户需要在其中更新他们的图像 但是 如果我在邮递员中使用 PUT 方法 它不会更新图像或将图像存储在指定文件夹中 如果我使用 POST 它会更新图像并保存在文件夹中 但它不会将文件
  • 更改日期格式化程序的区域设置

    我在我的应用程序中使用日期格式化程序来显示一些日期 但我希望该日期以阿拉伯语显示 所以我尝试更改格式化程序的区域设置 如下所示 var now new DateTime now var formatter DateFormat yMMMd
  • 如何使用 Asp.Net Core 实现基于权限的访问控制

    我正在尝试使用 aspnet core 实现基于权限的访问控制 为了动态管理用户角色和权限 create product delete product 等 它们存储在数据库中 数据模型就像https i stack imgur com CH
  • 如何加载外部文件并确保它首先在 JSFiddle 中运行?

    我有一个 JsFiddlehere http jsfiddle net deeptechtons rEzW5 2 并添加了通过外部 JS 资源部分加载的 Microsoft AJAX 如何判断 AJAX 文件加载完成后我的 JS 代码是否运
  • 单页应用程序 SEO 和无限滚动 AngularJS

    我们有一个网站 其提要类似于 pinterest 并计划将 jquery soup 重构为更结构化的内容 最有可能的两个候选者是 AngularJS 和 Backbone Marionette 该网站是用户生成的 主要以消费为导向 典型的
  • Symfony 表单字段属性empty_data 被忽略

    根据Symfony 2 4 文档 http symfony com doc current reference forms types text html empty data 任何不需要但提交时没有任何值的表单字段 选择字段的默认值或文本
  • Django 自定义用户模型密码未经过哈希处理

    我有自己的自定义用户模型 也有自己的管理器 models class MyUser AbstractBaseUser PermissionsMixin email models EmailField max length 255 uniqu
  • 仅将视口设置为横向模式

    我正在完成我的网站 除了一件小事之外 一切都运行良好 当我使用 iPhone 时 纵向模式完全符合我的要求 问题在于横向模式 我就像我已经设计了它 但我不喜欢最终版本 所以我需要插入另一行代码 但我不知道该怎么做 这就是我现在拥有的 现在我
  • 如何防止解析JSON时去掉小数点?

    如果你这样做 var parsed JSON parse myNum 0 0 然后当你看parsed myNum 你就得到了0 很公平 如果你这样做parsed myNum toString 你得到 0 基本上 我正在寻找一种方法将其转换为
  • 通过ReactJs代码运行shell命令

    我有一个文件存储在本地计算机中 并且也连接了一台打印机 因此 通常如果我想将文件打印到连接的打印机 我会在命令提示符中运行以下命令 cd
  • xCode - UIVisualEffectView 动画

    我在制作 VisualEffetView 动画时遇到问题 这是我声明它的代码 UIBlurEffect blur UIBlurEffect effectWithStyle UIBlurEffectStyleLight effectView
  • JPA 搜索字符串、长整型和布尔型

    我有一个 Spring Boot 应用程序 有一个实体 Entity Table name user public class User private Long id private String name private Long sc
  • 订阅者类没有在事件上调用的公共方法

    使用绿色 Robot Eventbus 时出现错误 E AndroidRuntime 2537 Caused by de greenrobot event EventBusException Subscriber class com exa
  • 使用 RVM 时如何在所有 gemset 上安装 gem

    使用 RVM 时 有没有办法在系统中的所有 ruby 和 gemset 不仅仅是默认或系统 ruby 上安装 gem 您可以执行 rvm global do gem install gem name 全局安装 gem 每个 ruby 版本
  • 使用 MSBuild 自动构建 Delphi 2010 项目

    我正在寻找使用 MSBuild 编译我的 Delphi 2010 项目 但有些事情不对劲 我只是无法让 MSBuild 编译我的项目 我尝试了这个命令行 C Windows Microsoft NET Framework v4 0 3031
  • AngularJS:将照片作为多部分表单数据上传并发布并获取响应

    我想上传图像并将其发布到我的服务器 该服务器应该将图像进一步发布到某些 API 并获取其响应 我可能可以将视图与类似的东西一起使用