Heim  >  Artikel  >  Backend-Entwicklung  >  Code-Tutorial zum Abschließen des Datei-Uploads in asp.net

Code-Tutorial zum Abschließen des Datei-Uploads in asp.net

Y2J
Y2JOriginal
2017-05-16 10:25:361539Durchsuche

In diesem Artikel werden hauptsächlich Beispiele für die Implementierung von Datei-Uploads in asp.net core mvc vorgestellt, auf die sich interessierte Freunde beziehen können.

In dieser Freigabe wird die Funktion des Datei-Uploads verwendet~~

Verantwortlicher:                                                             In die wwwroot-Verzeichnisdatei hochgeladen, ich verstehe sie nicht sehr gut und bin es immer noch Lernen. Jeder ist willkommen, zu kommunizieren~~

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();
    }

  }
----------- --------- ---------------------------------------- --------- ---------------------------

Das Folgende ist
<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>
jquery

Der z-Parameter von

Mit der Ajax-Methode hochgeladene Post-Aktion ist nutzlos, da es nur eine Post-Methode gibt, die einen 404-Fehler verursacht. Daher habe ich eine weitere Get-Aktion hinzugefügt.

Controller:

Ansicht

jquery

    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);
    }

[Verwandte Empfehlungen]

<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>
1.

Besondere Empfehlung
<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 Programmer Toolbox" V0.1 Version empfohlen

2. ASP kostenloses Video-Tutorial3.

Li Yanhui ASP Basic Video-Tutorial

Das obige ist der detaillierte Inhalt vonCode-Tutorial zum Abschließen des Datei-Uploads in asp.net. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn