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

使用css隐藏type=“file” 的上传按钮,然后使用js调用

  1. 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 ();
	}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值