javascript - 图片上传时禁用发布按钮

Question

我发现了很多关于禁用双击和禁用等待填写表单的按钮的信息。

在这种特殊情况下，我有一个分类广告网站，为了清楚起见，我需要在上传图像时禁用发布按钮，而不是之前或之后。

为什么？因为用户点击提交并且图像未完整上传将不会发布到广告中。

我希望你们能帮助我:

我尝试这样的事情:

$(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

查看在提交按钮上禁用和启用属性“disabled”的示例代码:

$('#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 
}
});