使用css隐藏type=“file” 的上传按钮,然后使用js调用
- html代码
<input type="button" style="margin-right:5px;" id="DfFile" value="导入附件" onclick="dfFile()">
<input type="file" id="fielUpload" style="display: none" onchange="importDfFile()" >
2、js代码
//触发file的input
function dfFile(){
var dfids = getDfids();
// 创建一个form类型的数据
if(dfids == null || dfids == ""){
layer.msg("请选择电费信息!");
}else{
$("#fielUpload").click();
}
hideMask ();
};
//导入附件
function importDfFile(){
var dfids = getDfids();
var formData = new FormData();
// 获取上传文件的数据
formData.append('upload',$("#fielUpload")[0].files[0]);
$.ajax({
url: "../electricity/importDFfile.do?dfids="+dfids,
type: 'post',
async: false,
processData: false,// 将数据转换成对象,不对数据做处理,故 processData: false
contentType: false, // 不设置数据类型
data: formData,
success: function(data) {
console.log(data)
},
error: function(data) {
}
})
$("#fielUpload").val("");
hideMask ();
}