码迷,mamicode.com
首页 > Web开发 > 详细

angularJs上传文件(非form上传)

时间:2018-06-01 21:12:37      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:func   identity   api   ide   ++   http   var   UNC   load   

angular.js:13920 Broken interceptor detected: Config object not supplied in rejection:

<input type="file" id="file{{$index}}" class="file" ngf-select ngf-change="cacScriptUploadVm.views.changeAttach($file,$index)">
    function save() {
            console.log(vm.views.scriptList);
            var form = new FormData();
            for (var i = 0; i < vm.views.scriptList.length; i++) {
                var file = angular.element(".file")[i].files[0];
                form.append("files", file);//files和后台接收字段名称一样
            }
            //传入出了file以外的实体
            /* var scriptList = JSON.stringify(vm.views.scriptList);
            form.append("script", scriptList);*/
            form.append("newDir","");//传一个字符串
            cacScriptService.uploadFile(form);           


        }

        function changeAttach($file, $index) {
            if ($file != null && vm.views.scriptList.length > 0 && vm.views.scriptList.length >= $index) {
                vm.views.files[$index] = $file;
            }
        }

 

function uploadFile(form) {
            var url = _appconfig.apiBaseUrls.git + ‘/api/git/cac/upload‘;
            $http({
                method: ‘POST‘,
                url: url,
                data: form,
                headers: {‘Content-Type‘: undefined},
                transformRequest: angular.identity,
                transformResponse: function(data) {  // 转换response,这样就能接收后台传回来String,默认接收是json。没写这个属性之前,上传成功后却返回到error,而且会报上面的错误,写了这个就不会
                    return data;
                }
            }).success(function (data) {
                console.log(‘upload success‘);
            }).error(function (data) {
                console.log(‘upload fail‘);
            });
        }

 

angularJs上传文件(非form上传)

标签:func   identity   api   ide   ++   http   var   UNC   load   

原文地址:https://www.cnblogs.com/zml-java/p/9123369.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!