MVC 通过ajaxSubmit上传图片并显示

js代码
functionsubmitform(){
$("#form_upload").ajaxSubmit({
success:showResponse
});
}

functionshowResponse(responseText){
if(responseText!=null){
alert('上传成功!');
}else{
alert('操作失败!');
}
}

$(function(){
$("#upImg").on("change",function(){
varfile=this.files[0];

if(this.files&&file){
varreader=newFileReader();
reader.onload=function(e){
$('#result').attr('src',e.target.result);
}
reader.readAsDataURL(file);
}
});
})
前台代码
<table>
<tr>
<tdstyle="padding-top:20px;">生产(经营)许可证证件照片</td>
<td>
<formid="form_upload"style="height:4px;"action="Upload"target="iframeInfo"method="post"enctype="multipart/form-data">
<inputname="upImg"id="upImg"type="file"/>
<inputtype="submit"value="上传"/>
</form>
</td>
</tr>
<tr>
<td>
<imgid="result"style="width:200px;height:200px;"src=""alt="">
</td>
<td>
<iframename="iframeInfo"id="iframeInfo"style="border:0px;"></iframe>
</td>
</tr>
</table>

(这里添加iframe,因为后台返回时会跳转,把form放入iframe里提交就不会跳转页面)
后台代码
[HttpPost]
publicActionResultUpload(HttpPostedFileBaseupImg)
{
if(upImg==null)
{
returnContent("文件上传错误,请重新选择文件!");

}
stringfileName=System.IO.Path.GetFileName(upImg.FileName);
stringfilePhysicalPath=Server.MapPath("~/credimages/"+fileName);
try
{
upImg.SaveAs(filePhysicalPath);
Session["ImgPath"]=filePhysicalPath;
returnContent("上传成功");
}
catch
{
returnContent("上传异常!");

}
}

相关文章

$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方...
form表单提交的几种方式 表单提交方式一:直接利用form表单提...
文章浏览阅读1.3k次。AJAX的无刷新机制使得在注册系统中对于...
文章浏览阅读1.2k次。 本文将解释如何使用AJAX和JSON分析器在...
文章浏览阅读2.2k次。/************************** 创建XML...
文章浏览阅读3.7k次。在ajax应用中,通常一个页面要同时发送...