圖像上傳時禁用發佈按鈕

Question

我發現很多關於禁用雙擊和禁用按鈕等待填寫表單的信息。

在這種特殊情況下，我有一個分類廣告網站，我需要在圖像上傳時禁用發佈按鈕JUST，而不是在之前，而不是在明確之後。

爲什麼？因爲用戶點擊提交而圖片未完整上傳將不會被髮布到廣告中。

我希望你們中的任何人可以幫助我：

我試着像這樣的東西：

$(document).ajaxStart(function() { 
    $("#submit").prop("disabled", true); 
}); 

這是我的圖片上傳代碼：

<?php if(osc_images_enabled_at_items()) { 
      if(modern_is_fineuploader() && osc_get_preference('image_upload', 'zara_theme') == 1) { 
      ItemForm::ajax_photos(); 
      echo '</div>'; 
     } else { ?> 
      <div class="row"> 
      <input type="file" name="photos[]" multiple /> 
      </div> 
     </div> 
     <a id="new-pho" href="#" onclick="addNewPhotoZara(); uniform_input_file(); return false;"><?php _e('Add new photo', 'zara'); ?></a> 
     <?php } ?> 
    </div> 
    <?php } ?> 

輸入：

<button type="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button> 

Answer 1

您可以使用https://github.com/blueimp/jQuery-File-Upload

拿上禁用示例代碼一看，使得財產「已禁用關於提交按鈕：

$('#file').simpleUpload("/ajax/upload.php", { 

start: function(file){ 
     $("#submit").prop("disabled", true); 
}, 
progress: function(progress){ 
    //received progress 
}, 
success: function(data){ 
     $("#submit").prop("disabled", false); 
}, 
error: function(error){ 
    //upload failed 
} 
}); 

Answer 2

你忘了從

<button type="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button> 

添加id屬性

更改爲

<button type="submit" id="submit" class="btn btn-primary" onclick="return loadSubmit()"><?php _e('Publish item', 'zara'); ?></button>