使用ajax传递数据: data: formData.
var formData = new FormData(); //自定义携带二进制数据头信息
formData.append(‘username’, ‘123’)
formData.append(‘file’, this.files[0]);
方式一:
$.ajax({
url:'http://.....',
dataType:'json',
type:'POST',
async: false, //设置是否是同步。
data: formData, // * 将真个表单作为数据传递
processData : false, // 使数据不做处理
contentType : false, // 不要设置Content-Type请求头
success: function(data){
console.log(data);
if (data.status == 'ok') {
alert('上传成功!');
}
},
error:function(response){
console.log(response);
}
});
方式二:
var upload = layui.upload;
var uploadInst = upload.render({
elem: '#uploadbtn' //绑定元素
,url: 'http://....' //上传接口
,accept: 'images'
,exts: 'jpg|jpeg|png|gif'
,size: 1*1024*1024
,acceptMime: 'image/*' //客户端选择框里面只显示制定类型的文件
,done: function(res){
//上传完毕回调
if (res.code == 0) {
$('#uploadimg').show().attr('src', 'http://192.168.0.172'+res.data.src);
$('input[name="productionphoto"]').val(res.data.src);
} else {
layer.msg(res.msg);
}
}
,error: function(){
//请求异常回调
layer.msg('网络繁忙,请重试');
}
});