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

Question

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

我可能可以将 View 用于以下内容:

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

然后在 Controller 中，该函数将具有以下内容:

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

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

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

Answer 1

我设法在我得到的自定义指令的帮助下完成了这项工作 here .
如果您想访问文件，您需要一个用于文件上传的自定义指令(ngModel 不起作用，请参阅 this 了解更多信息)。

使用第一个链接:

<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 访问上传的文件，这使一切变得更容易。
我从第一个链接上提供的服务中提取了该功能，并没有将其用作服务，因为它更适合我这种方式......