js代码
function submitform() {
$("#form_upload").ajaxSubmit({
success: showResponse
});
}
function showResponse(responseText) {
if (responseText != null) {
alert('上传成功!');
} else {
alert('操作失败!');
}
}
$(function () {
$("#upImg").on("change", function () {
var file = this.files[0];
if (this.files && file) {
var reader = new FileReader();
reader.onload = function (e) {
$('#result').attr('src', e.target.result);
}
reader.readAsDataURL(file);
}
});
})
前台代码
<table>
<tr>
<td >生产(经营)许可证证件照片</td>
<td>
<form id="form_upload" action="Upload" target="iframeInfo" method="post" enctype="multipart/form-data">
<input name="upImg" id="upImg" type="file" />
<input type="submit" value="上传" />
</form>
</td>
</tr>
<tr>
<td>
<img id="result" src="" alt="">
</td>
<td>
<iframe name="iframeInfo" id="iframeInfo" ></iframe>
</td>
</tr>
</table>
(这里添加iframe,因为后台返回时会跳转,把form放入iframe里提交就不会跳转页面)
后台代码
[HttpPost]
public ActionResult Upload(HttpPostedFileBase upImg)
{
if (upImg == null)
{
return Content("文件上传错误,请重新选择文件!");
}
string fileName = System.IO.Path.GetFileName(upImg.FileName);
string filePhysicalPath = Server.MapPath("~/credp_w_picpaths/" + fileName);
try
{
upImg.SaveAs(filePhysicalPath);
Session["ImgPath"] = filePhysicalPath;
return Content("上传成功");
}
catch
{
return Content("上传异常 !");
}
}
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。