angular学习-angualr文件上传

原生:

$(".cert_box").on("change","#uploadFile",function(event){


            var formData = new FormData();
            formData.file=uploadFile;//文件
            console.log(formData);
            var i = 0;
            //var files = getTarget(event).files,
            var vTarget= event.target || event.srcElement;
            var files = vTarget.files,
              data = new FormData();
            var len = files.length;
            while (i < len) {
                data.append("Filedata", files[i]);
                i++;
            }
            console.log(data);
            xhr = new XMLHttpRequest();
            xhr.open("post", $rootScope.baseUrl + "service/prv/PRV_BASIC/Srv_PRV_FileUpload.ashx", true);
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) {
                    alert("添加成功");
                    //EventUtil.getTarget(event).type = "text";
                    //EventUtil.getTarget(event).type = "file";
                    //$scope.searchEditImaList();
                }
            };
            xhr.send(data);
        })

angular :

$(".cert_box").on("change","#uploadFile",function(event){
            var uploadFile=$("#uploadFile")[0].files[0];
            var vTarget= event.target || event.srcElement;
            var files = vTarget.files;
            //jquery获取$("#uploadFile").prop("files")[0];
            var formData = new FormData();
            // formData.append('fileTypeId', fileType);//其他需要上传的字段
            // formData.append('file', files);//文件
            var len = files.length;
            var i=0;
            while (i < len) {
                formData.append("Filedata", files[i]);
                i++;
            }
            console.log(files);
            $http({
                url:$rootScope.baseUrl+"service/prv/PRV_BASIC/Srv_PRV_FileUpload.ashx",
                method:"POST",
                headers: {'Content-Type': undefined},//使用angular上传一定要加上这一句,不然传给后台的是空的。
                data: formData,
                transformRequest: angular.identity
            }).then(function (result) {
                var res = result.data;
                if(res.Succeed == 1){
                    if(res.Message.saveName){
                        value.upSus = true;
                        value.saveName = res.Message.saveName;
                        value.fileUrl = res.Message.fileUrl;
                    }else{
                        alert(res.Message)
                    }
                }else{
                    alert(res.Message)
                }

            })

}

你可能感兴趣的:(前端)