ajax上传前/完成后的优化操作

$.ajax({
	type : 'post',
	url : 'upimg', //接口
	data : formdata,
	cache : false,
	processData : false, // 不处理发送的数据,因为data值是Formdata对象,不需要对数据做处理
	contentType : false, // 不设置Content-type请求头
	success: function(data){
		if(data.code=='0')
		{
			var img_url = '../../uploads/'+data.img_name;
			var html = '<div style="position: relative;margin:15px 15px 15px 0;width:45%;display: inline-block;border: 1px solid #CCC;background:#EEE;">'
				+'<span style="display: block;width:91%;height:91%;border: 1px solid #F2F1F0;margin: 5px;overflow: hidden;">'
				+'<img src="'+img_url+'" style="width: 100%;" />'
				+'</span>'
				+'<input type="hidden" name="imgs[]" value="'+data.img_name+'" />'
				+'<a onclick="delImg(this);" style="z-index: 10;display: block;top: -8px;cursor:pointer;right: -8px;position:absolute;width: 20px;height: 20px;background: #CCC;border-radius:100%;text-align:center;line-height: 20px;border: 1px solid #C1C1C1;color: #555;">X</a>'
				+'</div>';
			$('#img-list-box').append(html);
		}else{
			layer.msg(data.msg, {icon:2,time:1000});
		}	
	},
	error: function(XmlHttpRequest, textStatus, errorThrown){
		layer.msg('上传出错', {icon:2,time:1000});
	},
	beforeSend: function(){
		// 禁用按钮防止重复提交
		$("#up-img-file").attr("disabled",true);
		$("#add-img").text("上传中");
	},
	complete: function(){
		$("#up-img-file").attr("disabled",false);
		$("#add-img").text("添加");
	},
});

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值