我有问题创建新的对象到我的数据库时,当我试图包含图像。上传图像与ajax MVC
我的模型:
public Dog()
{
public int Id { get; set; }
public string Name { get; set; }
public string DogImageUrl { get; set; }
}
我的HTML代码:
@if (User.Identity.IsAuthenticated)
{
<h7>New Dog</h7>
<input id="dogName" type="text" placeholder="dog name" />
<input type="file" name="file" style="width: 100%;" />
<input id="createNewDog" type="button" value="Go" />
</div>
</div>
}
我的Ajax邮编: $( '#addNewDog')点击(函数(E){
var imgToUpload = $("input[name=file]").get(0).files[0];
var data = {
"Name": $('#dogName').val(),
"DogImageUrl ": "nullForNow",
};
var url = "@Url.Action("NewDog", "Home")";
$.ajax({
url: url,
data: { model: data, file: Request.File[imgToUpload] },
cache: false,
type: "POST",
contentType: "multipart/form-data",
processData: false,
success: function (respone) {
alert(respone);
location.reload();
},
error: function (reponse) {
alert(reponse);
}
});
e.stopPropagation();
});
。
我的控制器:
public ActionResult NewDog(Dog model, HttpPostedFileBase file)
{
using (var contex = new DogContext())
{
if (User.Identity.IsAuthenticated)
{
if (file != null)
{
try
{
if (file.ContentType == "image/jpeg")
{
if (file.ContentLength < 500000)
{
string pic = System.IO.Path.GetFileName(file.FileName);
string path = System.IO.Path.Combine(
Server.MapPath("~/Content/GroupImages"), pic);
// file is uploaded
file.SaveAs(path);
model.DogImageUrl = path;
}
}
}
catch (Exception ex)
{
return Content(ex.ToString());
}
}
contex.Dogs.Add(model);
contex.SaveChanges();
}
}
我的IMG总是零..我在互联网上搜索,并没有弄清楚。 目标是将PATH保存到我的数据库中的图像。
1.您不太可能从客户端计算机获取实际路径 - 浏览器通常会混淆实际路径。 2.调试控制台中是否有脚本错误? 3.请参阅[jQuery Ajax文件上传](https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload)和更多[MVC特定](https://stackoverflow.com/questions/29293637/如何对追加-全设置的模型对FORMDATA和-获得-IT-在-MVC)。 – Jasen
@Jasen的想法是保存从服务器的路径,用户上传图像,它将其保存在我的服务器,我想要在“DogImageUrl”中获取路径 –
第二个链接演示如何将图像张贴得很清楚。 – Jasen