将文件作为字节数组上传,并将angularjs中的字段数据上传到web api

时间:2015-07-25 10:50:21

标签: angularjs http asp.net-web-api

我正在尝试发布带有文件的字段数据(在数据库中显示为字节数组,如图所示)并尝试此评论comment

但是我看到上传的字段被封装了一个名为fied的对象,我怎么能用params id完成一个帖子,fname

这是Api API to upload the data

的方式

你可以评论我的代码吗

    $scope.$watch('files', function () {
        $scope.upload($scope.files);
    });

    $scope.upload = function (files) {
        if (files && files.length) {
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
                Upload.upload({
                    url: 'https://angular-file-upload-cors-srv.appspot.com/upload',
                    fields: {
                        'Id': 23,
                        'fname':'name'
                    },
                    file: file
                }).progress(function (evt) {
                    var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
                    console.log('progress: ' + progressPercentage + '% ' + evt.config.file.name);
                }).success(function (data, status, headers, config) {
                    console.log('file ' + config.file.name + 'uploaded. Response: ' + data);
                }).error(function (data, status, headers, config) {
                    console.log('error status: ' + status);
                })
            }
        }
    };

此处控制台显示来自检查

调用JSON.stringify时的响应数据

  

file:Capture.PNG,响应:{“result”:[{“fieldName”:“Id”,“value”:“23”},{“fieldName”:“fname”,“value”:“name “},{” fieldName的 “:” 文件 “ ”名称“: ”Capture.PNG“, ”大小“: ”156273“}], ”requestHeaders“:{ ”主机“:” 角文件上传-cors- srv.appspot.com“,”接受“:”application / json,text / plain, / “,”Accept-Language“:”en-US,en; q = 0.8“,”Content -Length“:”156644“,”Content-Type“:”multipart / form-data; boundary = ---- WebKitFormBoundaryrU857yqmqVnWHbFD“,”origin“:”http://fiddle.jshell.net“,”Referer“:”{{3 “,”User-Agent“:”Mozilla / 5.0(Windows NT 6.1; WOW64)AppleWebKit / 537.36(KHTML,与Gecko一样)Chrome / 43.0.2357.134 Safari / 537.36“,”X-AppEngine-Country“:”ET “,”X-AppEngine-Region“:”?“,”X-AppEngine-City“:”addis ababa“,”X-AppEngine-CityLatLong“:”9.022736,38.746799“}}

http://fiddle.jshell.net/_display/

0 个答案:

没有答案