angular ng-file-upload文件图片上传

布满荆棘的人生 2022-05-19 04:12 282阅读 0赞

资源地址[ : https://github.com/danialfarid/ng-file-upload][_ https_github.com_danialfarid_ng-file-upload]

js代码

//注入 ngFileUpload （注意：如果你用ui-load对于每个html加载文件 ，要把ng-file-upload文件放到首页去加载，不能写在ui-load里面，以免注入的时候找不到文件）  
var app = angular.module('fileUpload', \['ngFileUpload'\]);  
//Upload  
app.controller('MyCtrl', \['$scope', 'Upload', function ($scope, Upload) \{

// 上传方法 uploadFiles  
$scope.uploadFiles = function(file, errFiles) \{  
     
    var  url = '/product/pictures/updataPicture.do'; //接口名  
       
    $scope.f = file;  
    $scope.errFile = errFiles && errFiles\[0\];  
    if (file) \{  
        file.upload = Upload.upload(\{  
            url: url,  
            data: \{uploadFileName: file, 'prodId': $scope.prodId, 'prictureGroup': $scope.prictureGroup ,'sortOrder' : $scope.sortOrder\}//参数对应  
        \});

file.upload.then(function (res) \{  
            // 上传成功时操作  
        \}, function (response) \{  
            // if (response.status > 0)  
            //     $scope.errorMsg = response.status + ': ' + response.data;  
        \}, function (evt) \{  
            // file.progress = Math.min(100, parseInt(100.0 \* evt.loaded / evt.total));  
        \});  
    \}  
\};

\}\]);

html代码

[_ https_github.com_danialfarid_ng-file-upload]: https://github.com/danialfarid/ng-file-upload