jq定制上传按钮，选择文件就上传

使用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: falsecontentType: false, // 不设置数据类型data: formData,success: function(data) {console.log(data)},error: function(data) {}})$("#fielUpload").val("");hideMask ();}

总结

以上是生活随笔为你收集整理的jq定制上传按钮，选择文件就上传的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。