MVC使用jQuery上传图片。
View代码:
@using (Html.BeginForm("saveEdit", "AdminUser", FormMethod.Post, new { id = "frm1" }))
{
...
<input type="file" id="user_face" name="user_face" />
<input type="button" value="上传" onclick="upLoadImg()" />
...
<input type="submit" value="保 存" />
}
jQuery:
function upLoadImg()
{
$.ajax({
type:"post",
url:"@Url.Action("UpLoadImage", "AdminUser")",
data:{ imgPath:$("#user_face").val() },
mimeType:"multipart/form-data",
processData:false,
dataType: 'json',
success: function (result) {
if (result != null) {
alert("上传成功!");
}
else {
alert("上传失败~~");
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.responseText); ;
}
});
}
Controller:
public JsonResult UpLoadImage()
{
if (Request.Files.Count == 0) //这里始终是0,不知道为什么获取不到
{
Response.Write("上传文件失败,文件不存在!");
return null;
}
HttpFileCollectionBase files = Request.Files;
Stream fs = files[0].InputStream;
...
}
说明:
因表单还有用户其它数据要提交,头像是点上传按钮后就上传的,所以不能用form的submit提交,我是用了jQuery进行上传处理的。
UpLoadImage控制器始终取不到传来的文件,我也是参考网上的,不知道哪里有问题,大虾们帮忙看看。
谢谢。
@using (Html.BeginForm("saveEdit", "AdminUser", FormMethod.Post, new { id = "frm1" }))
{
...
<input type="file" id="user_face" name="user_face" />
<input type="button" value="上传" onclick="upLoadImg()" />
...
<input type="submit" value="保 存" />
}
jQuery:
function upLoadImg()
{
$.ajax({
type:"post",
url:"@Url.Action("UpLoadImage", "AdminUser")",
data:{ imgPath:$("#user_face").val() },
mimeType:"multipart/form-data",
processData:false,
dataType: 'json',
success: function (result) {
if (result != null) {
alert("上传成功!");
}
else {
alert("上传失败~~");
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.responseText); ;
}
});
}
Controller:
public JsonResult UpLoadImage()
{
if (Request.Files.Count == 0) //这里始终是0,不知道为什么获取不到
{
Response.Write("上传文件失败,文件不存在!");
return null;
}
HttpFileCollectionBase files = Request.Files;
Stream fs = files[0].InputStream;
...
}
说明:
因表单还有用户其它数据要提交,头像是点上传按钮后就上传的,所以不能用form的submit提交,我是用了jQuery进行上传处理的。
UpLoadImage控制器始终取不到传来的文件,我也是参考网上的,不知道哪里有问题,大虾们帮忙看看。
谢谢。
...全文
相关推荐
MVC 图片上传Demo
一个form 一个file 上传四张图片。自己可以扩展成多张 借助于bootstrap 体验很好 原型来自于花田网站的上图图片的功能。
基于mvc的多图片上传预览
基于.net mvc的多图片上传预览,具体使用方式参见博客 https://blog.csdn.net/danqingcheng/article/details/80633861
ajax提交form表单和上传图片
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片,上传图片成功js可以获取图片保存相对路径。
MVC 上传图片预览
MVC+jquery 实现的上传图片预览
Spring MVC 图片上传有插件+jsp+后台
基于SpringMVC 的图片上传功能,jsp页面+jquery+java后台齐全,如有疑问360513293,有下载完不知道如何使用的请联系


