关闭Bootstrap的modal后，重新打开还会有input里上传的file解决

场景

点击modal模态框，有一个file类型的input，上传完文件后，将其关闭，

再次打开还会有上传的文件。

代码：

<div class="modal inmodal" id="apImportModel" tabindex="-1" role="dialog"  aria-hidden="true">
        <div class="modal-dialog" id="apImportDiv" th:fragment="apImportDiv">
            <div class="modal-content animated fadeIn">
                <button type="button" class="close" onclick="return Testclose();" id="closeUploadBtn"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <form  class="dropzone"  id="dropzoneForm" enctype="multipart/form-data">
                    <div class="fallback">
                        <input name="file" value="1M以内的Excel文件" type="file" id="file_id"  accept=".xls,.xlsx" onchange="fileChange(this);" />
                    </div>
                </form>
                <button id="uploladBtn" class="btn btn-info mt-2" type="button" onclick="return uploadExcel()"><i class="fa fa-reply"></i>上传</button>
                <button id="parseBtn" class="btn btn-info mt-2" type="button" onclick="return parseExcel()"><i class="fa fa-reply"></i>导入</button>
            </div>
        </div>
    </div>

解决

在关闭modal的js方法里面：

//关闭窗口操作
function Testclose(){
    $("#apImportModel").modal('hide');
    $("#file_id").val(null);
    return false;
}

关掉modal并清理掉input。