在mvc.NETCore中使用angularjs上传文件和数据

z9zf31ra  于 2021-09-29  发布在  Java
关注(0)|答案(1)|浏览(348)
<input type="file" ng-model="ch.FileName" id="file" name="myFile" nchange="angular.element(this).scope().saveChapter(this.files)"/>

动作方法、js等代码

ccgok5k5

ccgok5k51#

在mvc.NETCore中使用angularjs上传文件和数据
如果您想将二进制数据和其他附加信息/数据从angularjs前端发布到webapi后端,您可以尝试通过 FormData 对象,如下所示。

var formdata = new FormData();
formdata.append('chapterID', $scope.ch.ChapterID);
formdata.append('bookID', $scope.ch.BookID);
formdata.append('chapterName', $scope.ch.FileName);
//...
formdata.append('cHFile', $scope.chfile);

$http({
    method: 'POST',
    url: 'your_request_url_here',
    headers: { 'Content-Type': undefined },
    data: formdata
}).then(function mySuccess(response) {
    //...

在“浏览器开发人员工具”的“网络”选项卡中,可以找到按预期传递的数据

测试结果

相关问题