如何将图像上传到.NET中wwwroot下的文件夹? (MVC)

时间:2019-11-28 02:25:42

标签: .net asp.net-mvc image file-upload

我正在尝试将图像文件保存到wwwroot下的文件夹中,数据库应存储该文件的路径名,而wwwroot下的文件夹应存储该图像文件。

我要实现的是将图像文件保存到wwwroot下的文件夹中。 和 要保存到本地数据库的图像文件的路径名。

谢谢!

查看:

<form asp-controller="MobileSuits" asp-action="Add">
    <div class="form-horizontal">
        <h4>TheMobileSuit</h4>
        <hr />
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <div class="form-group">
            <label asp-for="Id" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="Id" class="form-control" />
                <span asp-validation-for="Id" class="text-danger"></span>
            </div>
        </div>
        <div class="form-group">
            <label asp-for="Name" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                <input asp-for="Name" class="form-control" />
                <span asp-validation-for="Name" class="text-danger"></span>
            </div>
        </div>
        <div class="form-group">
            <label asp-for="PicFile" class="col-md-2 control-label"></label>
            <div class="col-md-10">
                  @*<input type="file" name="photo"
                               class="form-control" />*@
                <input type="file" name="file" id="file" /> 
                <span asp-validation-for="PicFile" class="text-danger"></span>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
</form>

控制器:

[Authorize]
        public IActionResult Add()
        {
            return View();
        }

    [Authorize]
    [HttpPost]
    public IActionResult Add(TheMobileSuit themobilesuits, IFormFile photo)
    {

        DbSet<TheMobileSuit> dbs = _dbContext.TheMobileSuit;
        dbs.Add(themobilesuits);

        if (_dbContext.SaveChanges() == 1)
            TempData["Msg"] = "New Order Added!";
        else
            TempData["Msg"] = "Error.";
        return RedirectToAction("Index");
    }

2 个答案:

答案 0 :(得分:0)

First step would be create folder under wwwroot if it doesn't exists

1. Directory.CreateDirectory(_hostingEnvironment.WebRootPath + "\\folderName\\");

Second step would be append your file name  to  above path like below
2.`var fullPathName = _hostingEnvironment.WebRootPath + "\\folderName\\" +             
photo.file.FileName;`

Final step would be by using FileStream you can copy the file
3.`using (FileStream stream = System.IO.File.Create(fullPathName))
{
photo.file.CopyTo(stream);
stream.Flush();
}`

答案 1 :(得分:0)

尝试简单。在这种情况下,您必须注入_hostingEnvironment,以便获得ContentRootPath

  string folderName = "Upload/Profile/" + user.Id;
        string webRootPath = _hostingEnvironment.ContentRootPath;
        string newPath = Path.Combine(webRootPath, folderName);
        if (!Directory.Exists(newPath))
        {
            Directory.CreateDirectory(newPath);
        }
        string extention = file.ContentType.Split("/")[1];
        string fileName = user.Id + ".jpg";
        string fullPath = Path.Combine(newPath, fileName);
        string envpath = folderName + "/" + fileName;
        using (var stream = new FileStream(fullPath, FileMode.Create))
        {
            file.CopyTo(stream);
        }