一名后端写前端很苦恼,不过一点点做起
首先是设置一个保存按钮嘛
<div class="modal-body">
<form id="addForm" class="form-horizontal">
<div class="form-group">
<label class="col-sm-4 control-label">请选择导入文件:</label>
<div class="col-sm-8">
<div class="input-group m-b" >
<input type="file" name="file" id="fileUpload" class="form-control" style="border: none;">
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="uploadFile">保存</button>
</div>
然后给保存按钮设置一个点击事件
//获得文件路径(通过绑定input标签的id)
var uploadinput=document.getElementById("fileUpload");
$("#uploadFile").click(function () {
//将文件路径设置为空
uploadinput.value=null;
});
然后就完成啦!