具有图像文件大小条件的禁用按钮

时间:2019-03-15 06:44:21

标签: jquery html

所以我有这个输入文件

     filterDropdown: (
        <div>
          <div className="custom-filter-dropdown">
            <SortableContainer onSortEnd={this.onSortEnd}>
              { this.state.items.map((status, index) => (
                <SortableItem key={index} index={index} value={ <Checkbox key={index} checked={status.checked} onChange={this.onCheckBoxChange} name={status.name}>{status.label}</Checkbox>} />

              ))}
            </SortableContainer>
          </div>
          <div>
            <Button type="primary" onClick={this.onClickSubmit}>Done</Button>
          </div>
        </div>
      ),

好吧,所以我想在每个<div class="modal-body"> <input type="hidden" name="<?=$csrf['name'];?>" value="<?=$csrf['hash'];?>" /> <input type="hidden" name="prodID" value="<?=$header->prodID;?>"> <div class="form-group"> <label> Warna </label> <select required id="colorID" name="colorID" class="form-control select2"> <option value=""> --PILIH WARNA-- </option> <?php foreach ($colors as $key) { ?> <option value="<?=$key->colorID;?>"><?=$key->colorName;?></option> <?php }?> </select> </div> <div class="form-group"> <label>Gambar 1</label> <input type="file" name="userfile1" class="form-control imageUpp" /> </div> <div class="form-group"> <label>Gambar 2</label> <input type="file" name="userfile2" class="form-control imageUpp" /> </div> <div class="form-group"> <label>Gambar 3</label> <input type="file" name="userfile3" class="form-control imageUpp" /> </div> </div> <small id="warningAdd"></small> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" id="forUpload" class="btn btn-primary">Save changes</button> </div> 中进行一次验证,如果其中一个文件的大小超过1MB,则input type file将被禁用。

这就是我到目前为止所尝试的。

#forUpload

使用上面的脚本,我可以处理单个输入。所以我上面的脚本的问题是,当我选择尺寸大于1MB的图像时,按钮为$(document).on('change','.imageUpp',function(){ files = this.files; size = files[0].size; if ( size > 1000141) { $("#forUpload").prop('disabled', true); $("#warningAdd").html("<p class='alert alert-danger'> Maksimal 1 MB </p>"); return false; } $("#warningAdd").html(""); $("#forUpload").prop('disabled', false); return true; ); ,而在其他输入中,我选择图像尺寸小于1MB的图像时按钮为disabled。应该禁用它,因为我的第一个输入超过1 mb,我该如何实现?

0 个答案:

没有答案