如何使用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>

JQUERY:

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

只需在上面的文档中这样做。

Answer 2

你差一点就成功了，正确的应该是(看引号)：

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