所以我有这个输入文件
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,我该如何实现?