AngularJS:上传并发布照片作为多部分表单数据并获得响应
发布时间:2020-12-17 07:26:32 所属栏目:安全 来源:网络整理
导读:我想上传一张图片并将其发布到我的服务器上,该服务器应将图片进一步发布到某些API并获得响应. 我可能会使用以下内容: form ng-submit="updatePhoto(myphoto)" pChoose Photo:/p input type="file" ng-model="myphoto" input type="submit" value="Send"/for
我想上传一张图片并将其发布到我的服务器上,该服务器应将图片进一步发布到某些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的自定义指令的帮助下完成了这个.
如果要访问文件,则需要用于文件上载的自定义指令(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访问上传的文件,这使一切变得更容易.我从第一个链接上给出的服务中提取了函数,并没有将它用作服务,因为它更适合我这种方式…… (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |