通过ajax上传图像而无需重新加载页面

Question

我试图通过ajax上传图片而不重新加载页面。

$.ajax({
type:"POST",
url: "feed.php",
data:'Name='+$("#Name").val()+'&Phone='+$("#Phone").val()+'&Email='+$("#Email").val()+'&Blood='+$("#Blood").val()+'&City='+$("#City").val()+'&State='+$("#State").val()+'&Age='+$("#Age").val()+'&file='+$("#file").val()+'&Country='+$("#Country").val()+'&Occupation='+$("#Occupation").val()+'&Gender='+$("#Gender").val(),
success: function(data){
$("#mail-status").html(data);
},
error:function (){}
});

＆＃34;文件＆＃34;是上传图片的名称 - ＆gt;

<input type="file" name="file">

除了＆＃34;文件＆＃34;以外，所有内容都发布在feed.php中。我认为可能是因为enctype =＆＃34; multipart / form-data＆＃34;但是我不想在重新加载页面时使用标签。还有其他方法吗？