在Blueimp完成所有上傳後完成和重定向的自定義按鈕jQuery File Upload

Question

我想在jquery-file-upload API插件上添加一個自定義按鈕。當所有的文件上傳，然後這個按鈕被啓用，並沒有文件或沒有上傳的文件，然後按鈕保持禁用。 我想要一個按鈕，所以上傳完成後，只有用戶可以點擊完成按鈕，否則它仍然禁用。

請幫忙!! :(

Answer 1

試試這個，添加文件上傳HTML中的自定義按鈕，使殘疾人：

<div class="span7"> 
        <span class="fileinput-button ufloat"> 
         <span class="icon icon-plus"></span> 
         <span class="upload_txt">choose file to upload</span> 
         <input type="file" multiple="multiple" size="1"/> 
        </span> 
        <button type="submit" id="uploadBtn" class="btn-primary start"> 
         <i class="icon icon-upload"></i> 
         <span>Upload</span> 
        </button> 
        <button type="reset" id="cancelBtn" class="btn-primary cancel"> 
         <i class="icon icon-ban-circle"></i> 
         <span>cancel</span> 
        </button> 

        <!-- Adding your custom button --> 
        <button id="customBtn" disabled="true"></button> 
       </div> 

，並在您的main.js添加這個在你做過功能：

$('#fileuploadbasic').fileupload({ 
     done: function{ 
        var filess= data.files[0]; 
      var filenam = filess.name; 
      data.context.text(''); 
      $(data.context).append('<td class="name" colspan="6">'+filenam+' uploaded Success</td>'); 

// after finish upload and there are no other files to upload make 
// make custom button enabled 
if($('tbody tr.template-upload td.start').length == 0) { 
    $('#customBtn').removeAttr('disabled'); 
} 
     } 
});