1 上传内容为json串时
var comment = {};
comment.aa= 'a';
comment.bb='b';
comment.cc= 'c';
$.ajax({
// 请求方式
type:"post",
contentType : "application/x-www-form-urlencoded",//关键是要加上这行
dataType:"form",
headers:{
"auth":auth
},
url: URL
data:{
json:JSON.stringify(comment),
}
}).then(function(r){
},function(res){
var fhjson= JSON.parse(res.responseText)
});
2上传内容为json串和图片文件时
页面上传图片部分
<input type="file" name = "file" id = "fileId" onchange="showImg(this)"/>
<div id="preview">
<img id="imghead" border=0 src="img/upload.png" width="200" height="150" />
</div>
回显
function showImg(obj) {
var file=$(obj)[0].files[0]; //获取文件信息
var imgdata='';
if(file){
var reader=new FileReader(); //调用FileReader
reader.readAsDataURL(file); //将文件读取为 DataURL(base64)
reader.onload=function(evt){ //读取操作完成时触发。
$("#imghead").attr('src',evt.target.result) //将img标签的src绑定为DataURL
};
}
else{
console.log("上传失败");
}
};
var comment = {};
comment.aa= 'a';
comment.bb='b';
comment.cc= 'c';
var formData = new FormData();
var name = $("input").val();
formData.append("file",$("#fileId")[0].files[0]);
formData.append("json",JSON.stringify(comment));
$.ajax({
headers:{
"auth":auth
},
url: URL
type : 'POST',
data : formData,
// 告诉jQuery不要去处理发送的数据,用于对data参数进行序列化处理 这里必须false
processData : false,
// 告诉jQuery不要去设置Content-Type请求头
contentType : false, //必须
beforeSend:function(){
console.log("正在进行,请稍候");
},
success : function(res) {
console.log(res);
},
error : function(responseStr) {
console.log("error");
}
});