js中用ajax显示图片,js中使用ajax上传一个带有图片的表单数据

function save() {

var formData = new FormData();

if( $('#file')[0].files.length>0){

formData.append('pic', $('#file')[0].files[0]); // 添加图片信息的参数

}

formData.append("name", $("#name").val());

formData.append("category", $("#category").val());

formData.append("description", $("#description").val());

formData.append("price", $("#price").val());

$.ajax({

url : "/aa/save",

type : "post",

dataType : "json",

cache : false,

data : formData, // 你的formid

processData : false,

contentType : false,

success : function(data) {

if (data.code == 0) {

parent.layer.msg("操作成功");

parent.reLoad();

var index = parent.layer.getFrameIndex(window.name);

parent.layer.close(index);

} else {

parent.layer.alert(data.msg)

}

}

});

}

FR:徐海涛(hunk Xu)

QQ技术交流群：386476712

FR:徐海涛(QQ技术交流群：386476712)

来源：oschina

链接：https://my.oschina.net/u/4406166/blog/4458879