angularJs上传文件(非form上传)

Posted zouminglan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJs上传文件(非form上传)相关的知识,希望对你有一定的参考价值。

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上传)的主要内容,如果未能解决你的问题,请参考以下文章

用angularjs进行文件上传

使用 AngularJS 上传文件

angularJs多文件上传

nodejs + multer + angularjs 无需重定向即可上传

带有文件上传的AngularJs Ajax POST表单

angularjs + springmvc 上传和下载