webuploader.js上傳圖片所禀、視頻方面、附件

根據(jù)需求 修改了webuploader.js中的部分源代碼

!(function(){
    var currentDate = new Date();
      GUID = currentDate.getHours() 
          + "" +currentDate.getMinutes()
          + "" +currentDate.getSeconds()
          + "" +currentDate.getMilliseconds();
//上傳圖片
  $.extend({
    uploadPicture:function(obj){
      // 初始化Web Uploader
      var uploader = WebUploader.create({
          // 選完文件后,是否自動上傳色徘。
          auto: true,
          method:'POST',
          fileNumLimit:obj.fileNumLimit,//驗證文件總數(shù)量, 超出則不允許加入隊列
          fileSingleSizeLimit:obj.fileSingleSizeLimit ,//5*1024*1024,//驗證單個文件大小是否超出限制, 超出則不允許加入隊列
          // swf文件路徑
          swf: 'Uploader.swf',
          // 文件接收服務(wù)端恭金。
          server: obj.server,//'/page/page.json',
          // 選擇文件的按鈕」硬撸可選横腿。
          // 內(nèi)部根據(jù)當(dāng)前運(yùn)行是創(chuàng)建,可能是input元素斤寂,也可能是flash.
          pick: obj.pick,//'#filePicker',
          // 只允許選擇圖片文件耿焊。
          accept: obj.accept,
          thumb:{
            width: 110,
            height: 110,
            // 圖片質(zhì)量,只有type為`image/jpeg`的時候才有效遍搞。
            quality: 70,
            // 是否允許放大罗侯,如果想要生成小圖的時候不失真,此選項應(yīng)該設(shè)置為false.
            allowMagnify: true,
            // 是否允許裁剪溪猿。
            crop: true,
            // 為空的話則保留原有圖片格式钩杰。
            // 否則強(qiáng)制轉(zhuǎn)換成指定的類型。
            type: ''//'image/jpeg'
          },
          duplicate:true,
          compress:false,
          resize:obj.resize||false // 不壓縮image, 默認(rèn)如果是jpeg诊县,文件上傳前會壓縮一把再上傳讲弄!
      });
      //由于每次點擊彈出框時,原有的按鈕都會變大翎冲,在此處新初始化一個按鈕覆蓋掉原有的按鈕
      uploader.addButton({
            id: '#addPictureButton',
            innerHTML: '+'
        });
      var i = $("#pictureList .info").length;
      $(".ui-dialog-title").html("上傳圖片  ("+i+"/12)");
      // 當(dāng)有文件添加進(jìn)來的時候
      uploader.on( 'fileQueued', function( file ) {
        //圖片數(shù)目限制為12張
          if($('.file-item').length<12){
              //創(chuàng)建新添加圖片和刪除條
              var $li = $(
                      '<div id="' + file.id + '" class="file-item thumbnail">' +
                          '<img>' +'<span class="delBtn">x</span>'+
                          '<div class="info"></div>'+
                          '<input class="imgPath"  type="hidden">'+
                      '</div>'
                      ),
                  $info = $li.find('.info'),
                  $img = $li.find('img');
              //刪除圖片          
              var $del= $li.find('.delBtn');
              $del.click(function() {
                var i = $("#pictureList .info").length-1;
                $(".ui-dialog-title").html("上傳圖片  ("+i--+"/12)");
                $(this).fadeOut("normal",function(){
                $(this).parents('div.file-item').remove();
                 uploader.removeFile( file );
            })
        });
              
          }
        //將新添加圖片放入縮略圖容器
          $('#pictureList').append( $li );
        //為圖片刪除條添加單擊刪除事件
          $info.on('click', function () {
              //將圖片移除上傳序列
              uploader.removeFile(file, true);
              //將圖片從縮略圖容器刪除
              var $li = $('#' + file.id);
              $li.off().remove();
              $('#filePicker').children().css('display','');
              if ($('#filePicker').attr('class') === 'qyfc_upload webuploader-container') {
                $('#filePicker').css('background', 'url("images/chooseImg_qyfc.png") 0 0 no-repeat');
              } else {
                $('#filePicker').css('background', 'url("images/chooseImg_grzp.png") 0 0 no-repeat');
              }
            });
          
          // 創(chuàng)建縮略圖
          // 如果為非圖片文件垂睬,可以不用調(diào)用此方法。
          // thumbnailWidth x thumbnailHeight 為 100 x 100
          var thumbnailWidth = 100,
              thumbnailHeight=100;
          uploader.makeThumb( file, function( error, src ) {
              if ( error ) {
                  $img.replaceWith('<span>不能預(yù)覽</span>');
                  return;
              }

              $img.attr( 'src', src );
          }, thumbnailWidth, thumbnailHeight );
      });


      // 文件上傳過程中創(chuàng)建進(jìn)度條實時顯示。
      uploader.on( 'uploadProgress', function( file, percentage ) {
          var $li = $( '#'+file.id ),
              $percent = $li.find('.progress .progress-bar');
              $info = $li.find('.info');

          // 避免重復(fù)創(chuàng)建
          if ( !$percent.length ) {
              $percent = $('<div class="progress"><div id="progress-bar" class="progress-bar progress-info"></span></div>')
                      .appendTo( $li )
                      .find('.progress-bar');
          }
          $info.css({display: 'none'});
          $percent.css( 'width', percentage * 100 + '%' );
      });
      
      // 文件上傳成功驹饺,給item添加成功class, 用樣式標(biāo)記上傳成功钳枕。
      uploader.on( 'uploadSuccess', function( file ,response) {
         
          var $li = $('#' + file.id), $info = $li.find('.info');
          for(var i=0;i<$("#pictureList .info").length+1;i++){
              $(".ui-dialog-title").html("上傳圖片  ("+i+"/12)");
          } 
          var $input = $li.find('.imgPath');
          $li.off();
          $info.off().text('上傳成功!').css({color: 'green', display: 'block',textAlign:'center',paddingTop:'10px'});
          $input.off().val(response.imgPath);
          if(obj.success){
              obj.success.call(this,file,response);
              return ;
          }
          //$( '#'+file.id ).addClass('upload-state-done');
          $('input[name="'+obj.inputName+'"]').val(response.imgPath);
          console.log(response.webUrl);
          $("#logourl").val(response.webUrl);
          $( '#'+file.id ).addClass('upload-state-done');
         

      });
//      // 文件上傳失敗,顯示上傳出錯赏壹。
//      uploader.on( 'uploadError', function( file ) {
//        var $li = $('#' + file.id),
//          $info = $li.find('.info');
//          $info.off().text('上傳失敗!').css({color: 'red', display: 'block'});
//      });
   // 文件上傳失敗鱼炒,顯示上傳出錯。
      uploader.on( 'error', function( type,handler ) {
          if(!we.utils.isEmpty(obj.error)){
              obj.error.call(this,type,handler);
          }
          
          var message="文件上傳失敗";
            if(type=="Q_TYPE_DENIED"){
                message="只允許上傳"+obj.accept.extensions+"格式的文件 "
            }else if(type=="F_EXCEED_SIZE"){
                message="文件大小不允許超過"+WebUploader.Base.formatSize( obj.fileSingleSizeLimit )
            }else if (type == "Q_EXCEED_NUM_LIMIT"){
                message="最多只允許上傳" + obj.fileNumLimit + "張圖片蝌借!";
            }else if (type=="F_DUPLICATE"){
                return ;
            }
            $dialog.alert({
                type:'warning',
                title:'溫馨提示',
                content:message
            });
      });
      // 完成上傳完了昔瞧,成功或者失敗,先刪除進(jìn)度條菩佑。
      uploader.on( 'uploadComplete', function( file ) {
          $( '#'+file.id ).find('.progress').remove();
          var $li = $('#' + file.id);
          //上傳完如果刪除圖片          
          var $del= $li.find('.delBtn');
          $del.click(function() {
                    var i = $(".info").length-1; 
                    $(".ui-dialog-title").html("上傳圖片  ("+i--+"/12)");
                    $(this).fadeOut("normal",function(){
                    $(this).parents('div.file-item').remove();
                     uploader.removeFile( file );
                })
            });
      });
      
      if(obj.destroy==true){
        uploader.destroy();
      }
    }
  })   
$.extend({
    uploadVideo:function(obj){
          // 初始化Web Uploader
          var uploader = WebUploader.create({
              // 選完文件后自晰,是否自動上傳。
              auto: true,
              method:'POST',
              dnd:obj.dnd,
              fileNumLimit:obj.fileNumLimit,//驗證文件總數(shù)量, 超出則不允許加入隊列
              fileSingleSizeLimit:obj.fileSingleSizeLimit *1024*1024,//5*1024*1024,//驗證單個文件大小是否超出限制, 超出則不允許加入隊列
              // swf文件路徑
              swf: 'Uploader.swf',
              // 文件接收服務(wù)端稍坯。
              server: obj.server,//'/page/page.json',
              pick : {id : obj.pick,
                  //只能選擇一個文件上傳
                  multiple: obj.multiple || false},
              //限制只能上傳一個文件
              // 只允許選擇圖片文件酬荞。
              accept: {
                    title: 'doc',
                    extensions: obj.accept
                    },
              threads: 1,
              duplicate:true,
              chunked: true,
              chunkSize: 1024 * 1024,
              formData : {guid : GUID} ,
              resize:obj.resize||false // 不壓縮image, 默認(rèn)如果是jpeg,文件上傳前會壓縮一把再上傳瞧哟!
          });
          
        //由于每次點擊彈出框時混巧,原有的按鈕都會變大,在此處新初始化一個按鈕覆蓋掉原有的按鈕
           uploader.addButton({
                id: '#addVideoButton',
                innerHTML: '上傳視頻'
            });

          // 當(dāng)有文件添加進(jìn)來的時候
          uploader.on( 'fileQueued', function( file ) {
              
              $( '#videoList').find('.error').remove();
              var $div = $(
                      '<div id="' + file.id + '" class="item">' +
                         '<div class="info">' + file.name + '<span class="delVideoBtn">刪除</span>'+'</div>' +
                         '<input class="videoPath"  type="hidden">'+
                      '</div>'
                );
             
                $('#videoList').append( $div );
                var $li = $('#' + file.id);
                //中途刪除視頻          
                 var $del= $li.find('.delVideoBtn');
                  $del.show();
                  $del.click(function() {
                    //重置隊列                
                      uploader.reset();
                      $(this).fadeOut("normal",function(){
                        $(this).parents('div.item').remove();
                      })
                      $('#addVideoButton').show();
                      $('#addVideoButton .webuploader-pick').text('上傳視頻');
                      $('#videoList').css("background","url(/static/modules/common/images/upvideo.png)100px 80px no-repeat");
                    });
          });


          // 文件上傳過程中創(chuàng)建進(jìn)度條實時顯示勤揩。
          uploader.on( 'uploadProgress', function( file, percentage ) {
              $('#addVideoButton .webuploader-pick').text('上傳中...');
              var $li = $( '#'+file.id ),
                  $percent = $li.find('.progress .progress-bar');

              // 避免重復(fù)創(chuàng)建
              if ( !$percent.length ) {
                  $percent = $('<div class="progress"><div id="progress-bar" class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 10%"></div></div>')
                          .appendTo( $li )
                          .find('.progress-bar');
              }

              $percent.css( 'width', percentage * 100 + '%' );
          });

          // 文件上傳成功咧党,給item添加成功class, 用樣式標(biāo)記上傳成功。
          uploader.on( 'uploadSuccess', function( file ,response) {
              $('#videoList').css("background","url(/static/modules/common/images/example.jpg)4px 45px no-repeat")
              $('#addVideoButton').hide();
              var $li = $('#' + file.id);
              var $input = $li.find('.videoPath');
              $input.off().val(response.filePath);
              if(obj.success){
                  obj.success.call(this,file,response);
                  $( '#'+file.id ).addClass('upload-state-done');
                  return ;
              }
             
          });

          // 文件上傳失敗陨亡,顯示上傳出錯傍衡。
          uploader.on( 'uploadError', function( file ) {
              var $li = $( '#'+file.id ),$error = $li.find('div.error');

              // 避免重復(fù)創(chuàng)建
              if ( !$error.length ) {
                  $error = $('<div class="error"></div>').appendTo( $li );
              }

              $error.text('上傳失敗');
          });
          
      //  驗證大小
          uploader.on("error",function (type){ 
                console.log(type);
                var $li = $( '#videoList'),$error = $li.find('div.error');
                
                if ( !$error.length ) {
                    $error = $('<div class="error"></div>').appendTo( $li );
                }
      
               if(type == "F_DUPLICATE"){
                   $error.text("請不要重復(fù)選擇文件!");
               }else if(type == "F_EXCEED_SIZE"){
                   $error.text("附件大小不可超過" + obj.fileSingleSizeLimit + "M!");
               }else if(type == "Q_TYPE_DENIED"){
                   $error.text("請上傳格式為" + obj.msgs + "的附件数苫!");
               }else if (type == "Q_EXCEED_NUM_LIMIT"){
                   $error.text("最多只允許上傳" + obj.fileNumLimit + "個視頻聪舒!");
               }
           });
          
          // 完成上傳完了,成功或者失敗虐急,先刪除進(jìn)度條箱残。
          uploader.on( 'uploadComplete', function( file ) {
              $( '#'+file.id ).find('.progress').remove();
          });
        }
      })

$.extend({
    uploadFile:function(obj){
      // 初始化Web Uploader
      var uploader = WebUploader.create({
          // 選完文件后,是否自動上傳止吁。
          auto: true,
          method:'POST',
          dnd:obj.dnd,
          fileNumLimit:obj.fileNumLimit,//驗證文件總數(shù)量, 超出則不允許加入隊列
          fileSingleSizeLimit:obj.fileSingleSizeLimit *1024*1024,//5*1024*1024,//驗證單個文件大小是否超出限制, 超出則不允許加入隊列
          // swf文件路徑
          swf: 'Uploader.swf',
          // 文件接收服務(wù)端被辑。
          server: obj.server,//'/page/page.json',
          pick : {id : obj.pick,
              //只能選擇一個文件上傳
              multiple: obj.multiple || false},
          //限制只能上傳一個文件
          // 只允許選擇圖片文件。
          accept: {
                title: 'doc',
                extensions: obj.accept
                },
          threads: 1,
          duplicate:true,
          chunked: true,
          chunkSize: 1024 * 1024,
          formData : {guid : GUID} ,
          resize:obj.resize||false // 不壓縮image, 默認(rèn)如果是jpeg敬惦,文件上傳前會壓縮一把再上傳盼理!
      });
      
    //由于每次點擊彈出框時,原有的按鈕都會變大俄删,在此處新初始化一個按鈕覆蓋掉原有的按鈕
        uploader.addButton({
            id: '#addFileButton',
            innerHTML: '上傳附件'
        });
     
       var i = $("#fileList .info").length;
      $(".ui-dialog-title").html("上傳附件 ("+i+"/3)");
      // 當(dāng)有文件添加進(jìn)來的時候
      uploader.on( 'fileQueued', function( file ) {
          $( '#fileList').find('.error').remove();
          var $div = $(
                  '<div id="' + file.id + '" class="item" style="background:#eee;padding:5px 10px;margin-top:15px">' +
                     '<div class="info">' + file.name + '<span class="delFileBtn">刪除</span>'+'</div>' +
                     '<input class="filePath"  type="hidden">'+
                  '</div>'
            );
          $('#fileList').append( $div );
          //中途刪除文件       
          var $li = $('#' + file.id);
          var $del= $li.find('.delFileBtn');
          $del.show();
          $del.click(function() {
              if(!$('#fileList').val()){
                  $('#fileList').css("background","url(/static/modules/common/images/upfile.png)154px 80px no-repeat");
              }
                $(this).fadeOut("normal",function(){
                    $(this).parents('div.item').remove();
                     uploader.removeFile( file );
                })
            });
           
      });


      // 文件上傳過程中創(chuàng)建進(jìn)度條實時顯示宏怔。
      uploader.on( 'uploadProgress', function( file, percentage ) {
          
          var $li = $( '#'+file.id ),
              $percent = $li.find('.progress .progress-bar');

          // 避免重復(fù)創(chuàng)建
          if ( !$percent.length ) {
              $percent = $('<div class="progress"><div id="progress-bar" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 10%"></div></div>')
                      .appendTo( $li )
                      .find('.progress-bar');
          }

          $percent.css( 'width', percentage * 100 + '%' );
      });

      // 文件上傳成功奏路,給item添加成功class, 用樣式標(biāo)記上傳成功。
      uploader.on( 'uploadSuccess', function( file ,response) {
          $('#fileList').css("background","");
          for(var i=0;i<$("#fileList .info").length+1;i++){
              $(".ui-dialog-title").html("上傳附件  ("+i+"/3)");
          } 
          var $li = $('#' + file.id);
          var $input = $li.find('.filePath');
          $input.off().val(response.filePath);
          if(obj.success){
              obj.success.call(this,file,response);
              $( '#'+file.id ).addClass('upload-state-done');
              //上傳完刪除文件          
              var $del= $li.find('.delFileBtn');
              $del.show();
              $del.click(function() {
                  if($('#fileList').val()==""){
                      $('#fileList').css("background","url(/static/modules/common/images/upfile.png)154px 80px no-repeat");
                  }
                  var i = $("#fileList .info").length-1; 
                  $(".ui-dialog-title").html("上傳附件 ("+i--+"/3)");
                    $(this).fadeOut("normal",function(){
                        $(this).parents('div.item').remove();
                         uploader.removeFile( file );
                    })
                });
              return ;
          }
        
      });

      // 文件上傳失敗臊诊,顯示上傳出錯鸽粉。
      uploader.on( 'uploadError', function( file ) {
          var $li = $( '#'+file.id ),$error = $li.find('div.error');

          // 避免重復(fù)創(chuàng)建
          if ( !$error.length ) {
              $error = $('<div class="error"></div>').appendTo( $li );
          }

          $error.text('上傳失敗');
      });
      
  //  驗證大小
      uploader.on("error",function (type){ 
            console.log(type);
            var $li = $( '#fileList'),$error = $li.find('div.error');
            
            if ( !$error.length ) {
                $error = $('<div class="error"></div>').appendTo( $li );
            }
  
           if(type == "F_DUPLICATE"){
               $error.text("請不要重復(fù)選擇文件!");
           }else if(type == "F_EXCEED_SIZE"){
               $error.text("附件大小不可超過" + obj.fileSingleSizeLimit + "M!");
           }else if(type == "Q_TYPE_DENIED"){
               $error.text("請上傳格式為" + obj.msgs + "的附件抓艳!");
           }else if (type == "Q_EXCEED_NUM_LIMIT"){
               $error.text("最多只允許上傳" + obj.fileNumLimit + "個附件触机!");
           }
       });
      
      // 完成上傳完了,成功或者失敗玷或,先刪除進(jìn)度條儡首。
      uploader.on( 'uploadComplete', function( file ) {
          $( '#'+file.id ).find('.progress').remove();
      });  
    }
  })
})();

對應(yīng)上傳圖片的js如下

 /*上傳圖片彈框*/
        $('#pictureButton').live("click",function(){
            /*判斷是否已經(jīng)上傳了視頻*/
          if($('#videoUrl').val()==""){
            var $d = $dialog.dialog({
                  id:'dialogPicture',
                  title:'上傳圖片(0/12)',
                  content:$('#addPicture'),
                  width:700,
                  onshow:function(){
                    //圖片上傳
                    $.uploadPicture({
                        server:'/file/uploadImage.html',
                        pick:'#addPictureButton',
                        multiple:false,
                        fileSingleSizeLimit:5*1024*1024,
                        fileNumLimit:12,
                        accept:{
                            title: 'Images',
                            extensions: 'gif,jpg,jpeg,bmp,png',
                            mimeTypes: 'image/jpg,image/jpeg,image/png*'
                        },
                        success:function(file ,data){
                            
                        }
                    });
                  },
                  okValue:'確定',
                  ok:function(){
                      //獲得所有class為imgPath輸入域中的value
                      $("input[class=imgPath]").each(function(){
                          pictureUrl += $(this).val()+";";
                      })
                      $("#pictureUrl").val(pictureUrl);
                      this.title('提交中…');
                      setTimeout(function () {
                          $d.close().remove();
                      }, 1000);
                  },
                  cancelValue:'取消',
                  cancel:function(){

                  },
                  onclose:function(){
                      
                  }
              });
          }else{
                $dialog.confirm({
                    title:'溫馨提示',
                    width:'350',
                    content:'圖片和視頻不可以同時上傳,確認(rèn)要放棄上傳視頻嗎偏友?',
                    okValue:'確認(rèn)',
                    ok:function(){
                        $('#videoUrl').val("");
                        var $d = $dialog.dialog({
                              id:'dialogPicture',
                              title:'上傳圖片(0/12)',
                              content:$('#addPicture'),
                              width:700,
                              onshow:function(){
                                //圖片上傳
                                $.uploadPicture({
                                    server:'/file/uploadImage.html',
                                    pick:'#addPictureButton',
                                    multiple:false,
                                    fileSingleSizeLimit:5*1024*1024,
                                    fileNumLimit:12,
                                    accept:{
                                        title: 'Images',
                                        extensions: 'gif,jpg,jpeg,bmp,png',
                                        mimeTypes: 'image/jpg,image/jpeg,image/png*'
                                    },
                                    success:function(file ,data){
                                        
                                    }
                                });
                              },
                              okValue:'確定',
                              ok:function(){
                                  //獲得所有class為imgPath輸入域中的value
                                  $("input[class=imgPath]").each(function(){
                                      pictureUrl += $(this).val()+";";
                                  })
                                  $("#pictureUrl").val(pictureUrl);
                                  this.title('提交中…');
                                  setTimeout(function () {
                                      $d.close().remove();
                                  }, 1000);
                              },
                              cancelValue:'取消',
                              cancel:function(){

                              },
                              onclose:function(){
                                  
                              }
                          });
                    },
                    cancelValue:'取消',
                    cancel:function(){
                        $('#pictureUrl').val("");
                    }
                });
          }
        });
    

對應(yīng)上傳視頻的js如下

  /*上傳視頻彈框*/
        $('#videoButton').live("click",function(){
            //判斷是否已經(jīng)上傳了圖片
         if($('#pictureUrl').val()==""){
            var $d = $dialog.dialog({
                  id:'dialogVideo',
                  title:'上傳視頻',
                  content:$('#addVideo'),
                  width:500,
                  onshow:function(){
                    //視頻上傳
                    $.uploadVideo({
                        server:'/attachment/uploadVideo.html',
                        pick:'#addVideoButton',
                        accept:'mp4,MP4,webm',
                        msgs:"mp4,webm",
                        multiple:false,
                        fileSingleSizeLimit:600,
                        fileNumLimit:1,
                        success:function(file ,data){
                            
                        }
                    });
                  },
                  okValue:'確定',
                  ok:function(){
                    //獲得所有class為videoPath輸入域中的value
                      $("input[class=videoPath]").each(function(){
                          videoUrl += $(this).val();
                      })
                      $('input[name="videoUrl"]').val(videoUrl);
                      this.title('提交中…');
                      setTimeout(function () {
                          $d.close().remove();
                      }, 1000);
                  },
                  cancelValue:'取消',
                  cancel:function(){
                      
                  },
                  onclose:function(){
                      
                  }
              });
         }else{
             $('#videoButton').live("click",function(){
                    $dialog.confirm({
                        title:'溫馨提示',
                        width:'350',
                        content:'圖片和視頻不可以同時上傳蔬胯,確認(rèn)要放棄上傳圖片嗎?',
                        okValue:'確認(rèn)',
                        ok:function(){
                            $('#pictureUrl').val("");
                            var $d = $dialog.dialog({
                                  id:'dialogVideo',
                                  title:'上傳視頻',
                                  content:$('#addVideo'),
                                  width:500,
                                  onshow:function(){
                                    //視頻上傳
                                    $.uploadVideo({
                                        server:'/attachment/uploadVideo.html',
                                        pick:'#addVideoButton',
                                        accept:'mp4,MP4,webm',
                                        msgs:"mp4,webm",
                                        multiple:false,
                                        fileSingleSizeLimit:600,
                                        fileNumLimit:1,
                                        success:function(file ,data){
                                            
                                        }
                                    });
                                  },
                                  okValue:'確定',
                                  ok:function(){
                                    //獲得所有class為videoPath輸入域中的value
                                      $("input[class=videoPath]").each(function(){
                                          videoUrl += $(this).val();
                                      })
                                      $('input[name="videoUrl"]').val(videoUrl);
                                      this.title('提交中…');
                                      setTimeout(function () {
                                          $d.close().remove();
                                      }, 1000);
                                  },
                                  cancelValue:'取消',
                                  cancel:function(){
                                      
                                  },
                                  onclose:function(){
                                      
                                  }
                              });
                        }
                  });
             });
         }
        });

對應(yīng)上傳附件的js如下

/*添加附件彈出框*/
    $('#fileButton').live("click",function(){
        var $d = $dialog.dialog({
              id:'dialogFile',
              title:'上傳附件 (0/3)',
              content:$('#addFile'),
              width:500,
              onshow:function(){
                /*附件上傳*/
                $.uploadFile({
                    server:'/attachment/uploadDoc.html',
                    pick:'#addFileButton',
                    accept:'txt,xls,xlsx,doc,docx,ppt,pptx,pdf,rar,zip',
                    msgs:'txt,xls,xlsx,doc,docx,ppt,pptx,pdf,rar,zip',
                    multiple:false,
                    fileSingleSizeLimit:200,
                    fileNumLimit:3,
                    success:function(file ,data){
                    }
                });
              },
              okValue:'確定',
              ok:function(){
                //獲得所有class為imgPath輸入域中的value
                  $("input[class=filePath]").each(function(){
                      fileUrl += $(this).val()+";";
                  })
                  $('input[name="fileUrl"]').val(fileUrl);
                  this.title('提交中…');
                  setTimeout(function () {
                      $d.close().remove();
                  }, 1000);
              },
              cancelValue:'取消',
              cancel:function(){
                  
              },
              onclose:function(){
                  
              }
          });
    });
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末约谈,一起剝皮案震驚了整個濱河市笔宿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌棱诱,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涝动,死亡現(xiàn)場離奇詭異迈勋,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)醋粟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門靡菇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人米愿,你說我怎么就攤上這事厦凤。” “怎么了育苟?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長违柏。 經(jīng)常有香客問我,道長漱竖,這世上最難降的妖魔是什么禽篱? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任躺率,我火速辦了婚禮玛界,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悼吱。我一直安慰自己脚仔,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布舆绎。 她就那樣靜靜地躺著鲤脏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吕朵。 梳的紋絲不亂的頭發(fā)上猎醇,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天,我揣著相機(jī)與錄音努溃,去河邊找鬼硫嘶。 笑死,一個胖子當(dāng)著我的面吹牛梧税,可吹牛的內(nèi)容都是我干的沦疾。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼第队,長吁一口氣:“原來是場噩夢啊……” “哼哮塞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凳谦,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤忆畅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后尸执,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體家凯,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年如失,在試婚紗的時候發(fā)現(xiàn)自己被綠了绊诲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡褪贵,死狀恐怖掂之,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情竭鞍,我是刑警寧澤板惑,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站偎快,受9級特大地震影響冯乘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜晒夹,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一裆馒、第九天 我趴在偏房一處隱蔽的房頂上張望姊氓。 院中可真熱鬧,春花似錦喷好、人聲如沸翔横。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽禾唁。三九已至,卻和暖如春无切,著一層夾襖步出監(jiān)牢的瞬間荡短,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工哆键, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留掘托,地道東北人。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓籍嘹,卻偏偏與公主長得像闪盔,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辱士,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,754評論 25 707
  • 在快要到來的夏天里泪掀,沒有自信穿著熱褲走在街上的人們請注意!今天為大家準(zhǔn)備了一些投資10分鐘就能運(yùn)動腿部的循環(huán)運(yùn)動法...
    咸魚隊長閱讀 1,059評論 5 16
  • 朋友們识补,陰冷的冬天族淮,在溫暖的大火爐,一群人圍在火爐旁做手工凭涂,是不是一種特別棒的體驗? 自然課程里贴妻,我就親...
    一然媽媽閱讀 790評論 0 1
  • 黃昏時才得空出門走走切油,舒展一下因為總是對著電腦所以僵硬的脖子。 小區(qū)里散步了幾圈名惩,天一點也不冷澎胡。 周末的這個點行人...
    慧的夜游園閱讀 766評論 2 5
  • 幾天前攻谁,在食堂吃飯的時候,見到了一個教了我們?nèi)甑睦蠋熗溆瑁闶欠浅J煜て莼隆N覀冏谝粔K兒吃飯,她開玩笑道:“親愛的锈嫩,我...
    曾琦閱讀 1,157評論 0 1