如何使用jquery删除dropify文件上传元素

Question

这是表单代码。

<form action="#" class="form-horizontal" id="exam-form">
<div class="col-lg-12 col-md-12">
<div class="card">
<div class="card-body">
<h4 class="card-title">Exam Image (Max 500x500)</h4>
<label for="input-file-max-fs">You can add a max file size</label>
<input type="file" id="input-file-max-fs" class="dropify" data-max-file-size="2M" name="image"  />
</div>
</div>
</div>
</form>

我想删除dropify文件上传，我尝试了多页的方式，但它不起作用。

$("#exam-form").remove(".dropify");
$("#exam-form input[name=image]").remove();

Answer 1

不删除它，而是通过jquery隐藏它。

<form action="#" class="form-horizontal" id="exam-form">
<div class="col-lg-12 col-md-12">
<div class="card">
<div class="card-body">
<h4 class="card-title">Exam Image (Max 500x500)</h4>
<label for="input-file-max-fs">You can add a max file size</label>
<input type="file" id="input-file-max-fs" class="dropify" data-max-file- 
size="2M" name="image"  />
</div>
</div>
</div>
</form>

查询：

$(".dropify").css("display","none");

只需在文件的上面做即可。

Answer 2

你差点就搞定了，正确的应该是(看看引号(：

$('#exam-form input[name="image"]').remove();