1

ファイルのアップロードをテストするサンプル mvc アプリケーションを作成します。この便利な投稿を読んで実行しますが、クライアント バリデータが機能せず、エラーが発生します。すべてのコードは次のとおりです。

これらを heder タグに追加しました:

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.8.24.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>  
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

私のモデル:

public class FIleModel
{
   [Required, FileExtensions(Extensions = "csv", ErrorMessage = "Specify a CSV file. (Comma-separated values)")]
   public HttpPostedFileBase myFile { get; set; }
}

エラー：

Unhandled exception at line 4, column 9003 in http://localhost:6284/Scripts    
/jquery.validate.min.js
   0x800a138f - JavaScript runtime error: Unable to get property 'call' 
   of undefined or null reference

私の見解では：

 @using (Html.BeginForm("FileUpload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
    { 
        @Html.ValidationSummary();
        <fieldset>
            <legend>Registration Form</legend>
            <ol>
                <li class="lifile">
                    @Html.TextBoxFor(m => m.myFile, new { type = "file" })
                    @Html.ValidationMessageFor(m => m.myFile)

                </li>
            </ol>
            <input type="submit" id="btnSubmit" value="Upload" />
        </fieldset>
    }
4

1 に答える 1

0

ファイルのアップロードには、このコードを使用できます。

コントローラーで:

[HttpPost]
public ActionResult Create(EventModel eventmodel, HttpPostedFileBase file)
{ 
   if (ModelState.IsValid)
   {

      //you can validate file here. if okay continue...

      var filename = Path.GetFileName(file.FileName);
      var path = Path.Combine(Server.MapPath("~/Uploads/Photo/"), filename);
      file.SaveAs(path);
      eventmodel.Url = filename;

      _db.EventModels.AddObject(eventmodel);
      _db.SaveChanges();
      return RedirectToAction("Index");
   }
   return View(eventmodel);
}

そして見る：

<div>
   Image
   <input type="file" name="file" id="file" />
   @Html.HiddenFor( model => model.ImageUrl)
   @Html.ValidationMessageFor( model => model.Url )
</div>
于 2013-07-26T06:37:32.173 に答える