我想上传图像并将其发布到我的服务器,该服务器应该将图像进一步发布到某些 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(使用前将#替换为@)