js中图片显示用ajax,如何用Jquery ajax把上传的图片和信息显示到页面中

我现在可以上传一张图片预览到页面上，也可以把文字插入到数据库中

但是我不知道怎么用Jquery Ajax同时把照片和文字同时插入到数据库中

并显示到页面上？

$('#send').click(function () {

var message = $('#publishcontent').val();

var imgsrc = $('.imgcontent').attr('src');

//alert(message);

//alert(imgsrc);

if ((message == null || message =="") && (imgsrc == null || imgsrc=="")) {

alert("please input message or image!")

}

else if (message != null && (imgsrc == null || imgsrc == "")) {

$.ajax({

url:"/PublishandFeedback/PublishSave",

type: "POST",

async: true,

data: { "message": message, "imgsrc": "" },

dataType: "json",

success: function (result) {

if (result != null) {

//$('.publishContent').append('

'+message+'

');

$('.publishArea').prepend('

' +

'

' + result[0].CreateBy + '

' +

'

' + result[0].PContent + '

' +

'

' +

'

• ' +

'

Time' +

'

Like' +

'

Comment' +

'

---

');

} else {

alert('Error');

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(XMLHttpRequest.status);

alert(XMLHttpRequest.readyState);

alert(textStatus); // paser error;

alert("Error:" + result.toString());

},

});

}

else if ((message == null || message=="") && imgsrc != null)

{

$.ajax({

url: "/PublishandFeedback/PublishSave",

type: "POST",

async: true,

data: { "message": message, "imgsrc": imgsrc },

dataType: "json",

success: function (result) {

if (result != null) {

$('.publishArea').prepend('

' +

'

' + result[0].CreateBy + '

' +

'

' +

'

' +

'

• ' +

'

Time' +

'

Like' +

'

Comment' +

'

---

');

} else {

alert('Error');

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(XMLHttpRequest.status);

alert(XMLHttpRequest.readyState);

alert(textStatus); // paser error;

alert("Error:" + result.toString());

},

});

}

else if (message != null && imgsrc != null)

{

$.ajax({

url: "/PublishandFeedback/PublishSave",

type: "POST",

async: true,

data: { "message": message, "imgsrc": imgsrc },

dataType: "json",

success: function (result) {

if (result != null) {

$('.publishArea').prepend('

' +

'

' + result[0].CreateBy + '

' +

'

' + result[0].PContent + '

' +

'

' +

'

' +

'

• ' +

'

Time' +

'

Like' +

'

Comment' +

'

---

');

} else {

alert('Error');

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(XMLHttpRequest.status);

alert(XMLHttpRequest.readyState);

alert(textStatus); // paser error;

alert("Error:" + result.toString());

},

});

}

});

//load Publish and Feedback

function pafload() {

$.ajax({

url: "/PublishandFeedback/PaFLoad",

type: "POST",

async: true,

data: {},

dataType: "json",

success: function (result) {

if (result != null)

{

for (var i = 0; i < result.length; i++) {

$('.publishArea').prepend('

' +

'

' + result[i].CreateBy + '

' +

'

' + result[i].PContent + '

' +

'

' +

'

' +

'

• ' +

'

Time' +

'

Like' +

'

Comment' +

'

---

');

}

}

}

});

}