github.com/keysonZZZ/kmg@v0.0.0-20151121023212-05317bfd7d39/kmgView/kmgWeb/webuploader/02-init.js (about)

     1  /*
     2   import(
     3   "github.com/bronze1man/kmg/kmgView/kmgWeb/jquery"
     4   )
     5   */
     6  
     7  //初始化webuploader
     8  $(function(){
     9      $(".upload-image").each(function(){
    10          var comp = $(this);
    11          var targetUrl = comp.attr("uploadUrl");
    12          var fileInput = comp.find(".upload-image-btn");
    13          var progress = comp.find(".progress")[0];
    14          var messageDiv = comp.find('.upload-message');
    15          var image = comp.find('img');
    16          var delteBtn = comp.find(".btn-delete-img");
    17  
    18          $(delteBtn).on("click",function(){
    19              $(image).addClass("hide");
    20              comp.find('.upload-set-input').val("");
    21              messageDiv.text("");
    22              $(this).hide();
    23          });
    24  
    25          var uploader = WebUploader.create({
    26              auto: true,
    27              swf: getResourceUrlPrefix()+'/WebUploader.swf',
    28              server: targetUrl,
    29              pick: {
    30                  id: fileInput,
    31                  multiple: false
    32              },
    33              thumb: false,
    34              resize: false,
    35              compress: false,
    36              formData:{
    37                  "ProcessorName":  comp.attr('imageProcessorName')
    38              },
    39              headers: {'X-A':'A'} //ie7下设置header,才会发referer
    40          });
    41          uploader.on( 'uploadProgress', function( file, percentage ) {
    42  
    43              $(progress).show();
    44              $(delteBtn).hide();
    45              $(image).addClass("hide");
    46  
    47              $(progress).css({width:(percentage * 90) + '%'});
    48          });
    49          uploader.on( 'uploadSuccess', function( file,ret ) {
    50              $(progress).css({width:'100%'});
    51  
    52              $(image).attr("src",ret.data).removeClass("hide");
    53              comp.find('.upload-set-input').val(ret.data);
    54  
    55              $(delteBtn).show();
    56              $(messageDiv).text("上传成功");
    57              $(progress).hide();
    58  
    59          });
    60          uploader.on( 'uploadError', function( file) {
    61              $(messageDiv).text(file.name+"上传失败");
    62              $(progress).hide();
    63          });
    64      })
    65  });