一、准备
1、页面引入jQuery文件
2、页面引入jQuery的表单插件jQuery.form.js(js文件需要下载,http引用不得行,原因参照https://stackoverflow.com/questions/35261239/ajaxform-is-not-a-function)
二、应用
表单(关键在于form里面enctype属性必须为multipart/form-data, input的type属性要为file)
<form id="importForm" class="ibm-row-form" method="post" enctype="multipart/form-data">
<label for="myInputField1">Import Pricing(.xls):</label>
<input id="myInputField1" type="file" name="file" data-widget="fileinput" data-multiple="false" />
<br>
<button type="button" class="ibm-btn-pri" onclick="submitForm()">Submit</button>
</form>
js代码
function submitForm(){
$('#importForm').ajaxSubmit({
url:"importExcel",
type:"POST",
dataType:"json",
success: function(data){
alert(data.message);
}
});
}