私が使っているangularについて.jsのアップロード---FileUploader

2219 ワード

この文章を記録して、私が後でメンテナンスして修正した後にアップロードした問題を便利にするために、現在会社が使っているangular.js、私もちょうど会社に着いて、angularに対してとても理解していないで、比较的に仕事の経験も特に豊富ではありませんて、学ぶべきものはまだたくさんあって、だから少し自分の学习の过程の中の小さい笔记は今日记录するのはangularです.jsはFileUploaderに基づいてアップロードされます.FileUploaderについてはhttps://blog.csdn.net/zcl_lov...この文章を読むと、多くの仲間が内容を見る必要がないはずです.しかし、私はやはり記録したいと思っています.このような印象も引用について深くなければなりません.私は言わないで、プロジェクトでの応用を直接言います.まず:
 var uploader= new FileUploader({
        url:       ,
        autoUpload:                (Boolean),
        headers:            ,     html5    ,        
      });


次に、必要に応じて、必要なファイルタイプをフィルタします.
  uploader.filters.push({
        name:     ,       ,   ,
        fn: function(item) {
            //item                        ,       ,       
            //$scope.maxSize          
            var fileSizeValid = file.size <= $scope.maxSize; //      ;
            return fileSizeValid ;
        }
    })
    

もちろん、フィルタリングの条件や方法もたくさんあります.もしあなたがパッケージをアップロードしているのが命令であれば、必要な条件を命令を通じて伝えることができます.もっと自分のニーズを判断することができます.
最後に、フィルタリングが完了すると、FileUploaderによって促される異なる関数を呼び出すことができます.
    //           
     uploader.onWhenAddingFileFailed = function(item , filter, options) {};
     
     //                    
    uploader.onAfterAddingFile = function(fileItem) {};
    
    //                     。
    uploader.onAfterAddingAll = function(addedFileItems) {};
    
    //             
    uploader.onBeforeUploadItem = function(item) {};
    
    //         
    uploader.onProgressItem = function(fileItem, progress) {};
    
    //      
    uploader.onProgressAll = function(progress) {};
    
    //         
    uploader.onSuccessItem = function(fileItem, response, status, headers) {};
    
    //       
    uploader.onErrorItem = function(fileItem, response, status, headers) {};
    
    //       
    uploader.onCancelItem = function(fileItem, response, status, headers) {};
    
    //          (      )
    uploader.onCompleteItem = function(fileItem, response, status, headers) {};
    
    //                 ,                   
    uploader.onCompleteAll = function() {};
    
    return uploader;

以上は私がまとめたもので、ドキュメントの中にはありますが、一度まとめてみると印象的でした.ハハハ