douyan8070 2016-12-30 05:33
浏览 252
已采纳

上传图像时禁用发布按钮

I found a lot of information about disable double click and disable button waiting for fill out the form.

In this particular case, I have a classified ads website and I need to disable the publish button JUST while the image is uploading, not before, not after just to be clear.

Why? because is the user click on submit and the image is not complete uploaded will not going to be posted into the ads.

I hope any of you guys can help me:

I try with something like this:

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

And this is my image upload code:

 <?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 } ?>

Input:

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

2条回答 默认 最新

  • dongpan1871 2016-12-30 05:40
    关注

    You can use https://github.com/blueimp/jQuery-File-Upload

    Take a look on example code for disable and enable property 'disabled' on submit button:

    $('#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 
    }
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 BDSBAS-B1C和B1C信号有什么不同
  • ¥15 在半圆平面内随机生成点坐标
  • ¥15 系统容量变化的几种多址方式TDMA, CDMA,FDMA,OFDMA 对比,应该给的是一个曲线 图,随着系统容量的增加,几种多址方式性能的对比 图,MATLAB程序仿真折线图
  • ¥15 用visual Studio 写c ++只运行上一个旧代码的运行结果是怎么回事
  • ¥15 系统容量变化的几种多址方式(TDMA,FDMA,OFDMA,CDMA)对比(相关搜索:曲线图)
  • ¥15 worldclim 历史及未来气候数据矫正
  • ¥15 ajax服务器不能下载
  • ¥15 运用c++和opencv实现二维码的识别和三维坐标的建立
  • ¥100 理想汽车的ADB为什么到了国外换了SIM就可以打开?
  • ¥15 k210烧入flash报错error:2005