Почему сообщение проверки корректно работает с элементом управления загрузкой в asp.net mvc?

109
10

У меня есть форма для загрузки изображений в asp.net mvc 5.

Все в порядке, но есть проблема с Validation Error Message. Если я выбираю изображение в элементе управления загрузкой или нет, My webApplication всегда дает мне сообщение error happened, your data is not valid. но когда я удаляю [Required(ErrorMessage = "select image plz")] из MainGoodMetaData.cs он отлично работает!

Может ли кто-нибудь мне помочь? большое спасибо

MainGoodMetaData.cs

[Required(ErrorMessage = "select image plz")]
[DisplayName("good image")]
[Display(Name = "good image")]
[DataType(System.ComponentModel.DataAnnotations.DataType.ImageUrl)]
public string GoodImage { get; set; }

AddMainGood.cshtml

<div class="form-group">
<div class="col-md-10">
@Html.Upload("UploadImage")
@Html.ValidationMessageFor(model => model.GoodImage)
</div>
@Html.LabelFor(model => model.GoodImage, new { @class = "control-label col-md-2" })
</div>

Контроллер администратора

 [HttpPost]
public ActionResult AddMainGood(MainGood maingood, HttpPostedFileBase UploadImage)
{
MainGoodRepositories blMainGood = new MainGoodRepositories();
string path2 = "";
var fileName2 = "";
var rondom2 = "";
if (UploadImage != null)
{
fileName2 = Path.GetFileName(UploadImage.FileName);
string pic = System.IO.Path.GetFileName(UploadImage.FileName);
rondom2= Guid.NewGuid() + fileName2;
path2 = System.IO.Path.Combine(
Server.MapPath("~/Images/MainGoods"), rondom2);

maingood.GoodImage = rondom2;
}
if (ModelState.IsValid)
{
UploadImage.SaveAs(path2);
maingood.GoodImage = rondom2;
if (blMainGood.Add(maingood))
{
return JavaScript("alert('added');");
}
else
{
return JavaScript("alert('didn't add');");
}
}
else
{
return JavaScript("alert('error happened , your data is not valid');");
}
}

UploadHelper.cs

 public static class UploadHelper
{
public static MvcHtmlString Upload(this HtmlHelper helper, string name, object htmlAttributes = null)
{

TagBuilder input = new TagBuilder("input");
input.Attributes.Add("type", "file");
input.Attributes.Add("id", helper.ViewData.TemplateInfo.GetFullHtmlFieldId(name));
input.Attributes.Add("name", helper.ViewData.TemplateInfo.GetFullHtmlFieldName(name));

if (htmlAttributes != null)
{
var attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
input.MergeAttributes(attributes);
}

return new MvcHtmlString(input.ToString());
}

public static MvcHtmlString UploadFor<TModel, TValue>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TValue>> expression, object htmlAttributes = null)
{

var data = ModelMetadata.FromLambdaExpression(expression, helper.ViewData);
TagBuilder input = new TagBuilder("input");
input.Attributes.Add("type", "file");
input.Attributes.Add("id", helper.ViewData.TemplateInfo.GetFullHtmlFieldId(ExpressionHelper.GetExpressionText(expression)));
input.Attributes.Add("name", helper.ViewData.TemplateInfo.GetFullHtmlFieldName(ExpressionHelper.GetExpressionText(expression)));

if (htmlAttributes != null)
{
var attributes = HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes);
input.MergeAttributes(attributes);
}

return new MvcHtmlString(input.ToString());
</div>

спросил(а) 2021-01-19T21:32:04+03:00 6 месяцев, 1 неделя назад
1
Решение
63

Существует множество способов проверки ввода файла как на стороне сервера, так и на стороне клиента, это зависит от ситуации, в которой вы работаете. например, если вам нужна комплексная проверка на стороне сервера, вы можете создать собственный атрибут проверки. Но если вам нужен простой ввод файла с использованием проверки на стороне клиента, вы должны изменить свою модель:

[Required(ErrorMessage = "Select a file")]
public HttpPostedFileBase GoodImage { get; set; }

Как вы можете видеть, свойство GoodImage для HttpPostedFileBase, то внутри вашего представления мы просто просто добавляем требуемую проверку вручную:

<div class="form-group">
<div class="col-md-10">
<input type="file" data-val="true" data-val-required="please select a file" name="GoodImage" />
@Html.ValidationMessage("file")
</div>
@Html.LabelFor(model => model.GoodImage, new {@class = "control-label col-md-2"})
</div>
<input type="submit" value="Send"/>

И ваш метод действия:

    [HttpPost]
public ActionResult AddMainGood(MainGood model)
{
if (!ModelState.IsValid)
{
return View(model);
}
string path2 = "";
var fileName2 = "";
var rondom2 = "";
fileName2 = Path.GetFileName(model.GoodImage.FileName);
string pic = System.IO.Path.GetFileName(model.GoodImage.FileName);
rondom2 = Guid.NewGuid() + fileName2;
path2 = System.IO.Path.Combine(
Server.MapPath("~/Images/MainGoods"), rondom2);
// other code
}

ответил(а) 2021-01-19T21:32:04+03:00 6 месяцев, 1 неделя назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема