ファイルアップロードの例のasp.net core mvc実装

高洛峰
リリース: 2017-02-07 11:33:03
オリジナル
1166 人が閲覧しました

仕事でファイルアップロード機能を使っているので、ここで共有します~~

Controller:

public class PictureController : Controller
  {
    private IHostingEnvironment hostingEnv;
 
    public PictureController(IHostingEnvironment env)
    {
      this.hostingEnv = env;
    }
    // GET: /<controller>/
    public IActionResult Index()
    {
      return View();
    }
    public IActionResult UploadFiles()
    {
      return View();
    }
    [HttpPost]
    public IActionResult UploadFiles(IList<IFormFile> files)
    {
      long size = 0;
      foreach (var file in files)
      {
        var filename = ContentDispositionHeaderValue
                .Parse(file.ContentDisposition)
                .FileName
                .Trim(&#39;"&#39;);
        //这个hostingEnv.WebRootPath就是要存的地址可以改下
        filename = hostingEnv.WebRootPath + $@"\{filename}";
        size += file.Length;
        using (FileStream fs = System.IO.File.Create(filename))
        {
          file.CopyTo(fs);
          fs.Flush();
        }
      }
      ViewBag.Message = $"{files.Count} file(s) /{ size}bytes uploaded successfully!";
       return View();
    }
 
  }
ログイン後にコピー

view:

<form asp-action="UploadFiles"
         asp-controller="Picture"
         method="post"
         enctype="multipart/form-data">
        <input type="file" name="files" multiple />
        <input type="submit" value="Upload Selected Files" />
 </form>
ログイン後にコピー

ファイルはwwwrootディレクトリのファイルにアップロードされるのですが、これがよく分からず、まだ勉強中です、みなさん、コミュニケーションしてください~~

-------------------------------------- ---------------------------------------------------- --------- -----------

以下は、アップロードされた jquery ajax メソッドです

post メソッド アクションの z パラメータは、post メソッドが 1 つしかないため、役に立ちません。 404 エラーが発生するため、get アクションを追加しました

コントローラー:

public IActionResult UploadFilesAjax()
{
  return View();
}
[HttpPost]
public IActionResult UploadFilesAjax(string z) 
{
  long size = 0;
  var files = Request.Form.Files;
  foreach (var file in files)
  {
    var filename = ContentDispositionHeaderValue
            .Parse(file.ContentDisposition)
            .FileName
            .Trim(&#39;"&#39;);
    filename = @"C:\Users\lg.HL\Desktop" + $@"\{filename}";    
    size += file.Length;
    using (FileStream fs = System.IO.File.Create(filename))
    {
      file.CopyTo(fs);
      fs.Flush();
    }
  }
  string message = $"{files.Count} file(s) / { size}bytes uploaded successfully!";
    return Json(message);
}
ログイン後にコピー

view

<form method="post" enctype="multipart/form-data">
      <input type="file" id="files"
          name="files" multiple />
      <input type="button"
          id="upload"
          value="Upload Selected Files" />
 </form>
ログイン後にコピー

jquery

<script type="text/javascript">
    $(document).ready(function () {
      $("#upload").click(function (evt) {
        var fileUpload = $("#files").get(0);
        var files = fileUpload.files;
        var data = new FormData();
        for (var i = 0; i < files.length ; i++) {
          data.append(files[i].name, files[i]);
        }
        $.ajax({
          type: "POST",
          url: "/Picture/UploadFilesAjax",
          contentType: false,
          processData: false,
          data: data,
          success: function (message) {
            alert(message);
          },
          error: function () {
            alert("There was error uploading files!");
          }
        });
      });
    });
</script>
ログイン後にコピー


皆さんのコミュニケーションを歓迎します〜 以上がこの記事の全内容です、よろしくお願いします。皆さんの学習に役立ちますので、皆さんも PHP 中国語 Web サイトをサポートしていただければ幸いです。

ファイル アップロードの例の asp.net core mvc 実装に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート