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

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

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

为什么？因为是用户单击“提交”并且图像未完成上传，所以不会被发布到广告中。

希望大家能帮助我：

我尝试这样的事情：

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

参考方案

您可以使用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 
}
});

PHP Javascript更改浏览器后退按钮行为Laravel - javascript

我知道有各种各样的线程要求几乎相同的要求，但似乎没有一个真正满足我的需求。在我的网站上，我实现了搜索表单。一个简单的表单，其中包含一个名为searchQuery的输入字段和一个提交按钮。表单通过POST方法发送。我正在使用Laravel btw。。然后将搜索结果从控制器加载到视图中。这些在表中显示。现在来了有趣的部分：找到的元素是可单击的，并且您进入有关该元…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…

如果我得到url('')，我该如何使用另一个URL - javascript

我是新手，正在写这篇文章，但是如果源上没有图像，那么我只有空白。有人可以告诉我，如果我正在获取背景图像，如何获取/images/no-image.jpg：url（）;这是我的代码：<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

使用JS和PHP更改弹出窗口背景图像 - javascript

我有一个JS函数：function zoom(now) { document.getElementById("popup").style.display = "block"; document.getElementById("photos").style.backgroundImage = …

PHP json_encode数组到javascript关联数组 - javascript

我有一些从PHP中读取的mysqli列。它正在完美地获取和回显。$results = mysqli_fetch_assoc(mysqli_query($conn, $querystring)); echo json_encode($results); //$results = {"title":"Sea Shells"…