用剃刀将图像保存在sql数据库中（ASP .net MVC，Entity Framework）

Question

我有一个Web应用程序，我想在其中将图像保存在数据库中。 在我的Application.Web中，我有一个名为images的文件夹。 上传的图像应保存在此处。 我想将图像以\\ images \\ user1.jpg之类的格式保存在数据库中。

从控制器生成的My Create.cshtml如下所示：

@model Application.Dal.User
@using (Html.BeginForm()) {
    @Html.LabelFor(model => model.Picture)
    @Html.EditorFor(model => model.Picture)
    <input type="submit" value="Create" class="btn btn-default" />
}

现在看起来像这样：

用户将不得不在文本字段中写一个路径，这显然是错误的。 我希望用户选择一个图像，如下所示：

<input type="file" name="image" accept="image/*" id="inputImage" value="model => model.Picture)"/>

将字段转换为（选择文件）：

好吧，这就是我想要的，但是如何将所选图像绑定到model => model.Picture？ 我试图将“ model => model.Picture”放在输入的值属性中，但是它不起作用。 如果可行，我如何确保将图片保存在图像文件夹中？

我看过以下页面： https : //forums.asp.net/t/2021506.aspx?Upload+audio+file+and+save+to+Database+in+ASP+NET+MVC+using+Codefirst+ EF +，但这并不能真正解释我如何将图片绑定到model => model.Picture。

Answer 1

在最近的项目中，我实际上做了类似的事情。

在您的视图中，您可以创建文件类型的input标签，看起来好像已经完成了。

<input name="attachment" type="file">

然后，在您的控制器中，您可以使用HttpPostedFileBase类将其传递回代码并保存。

[HttpPost]
public ActionResult Save(HttpPostedFileBase Attachment)
    {
        //do stuff
        SaveFile(Attachment)
    }

此方法返回一个枚举，稍后我将对其进行附加。 我在这里使用枚举与boolean具有类似的效果，除了可以返回两个以上的选项。

public FileUploadState SaveFile(HttpPostedFileBase Attachment)
{
    if(Attachment != null)
    {
        try //attempt to save file to file system
        {
            var fileName = Path.GetFileName(Attachment.FileName);
                    //path as parameter can be changed to any desired valid path
            var path = Path.Combine((@"C:\Images"), fileName);
            Attachment.SaveAs(path);
            return FileUploadState.Uploaded;
        }
        catch //implement your own error handling here 
        {
            //error handling
            return FileUploadState.Failed;
        }
    }
    else
    {
        return FileUploadState.NoFileSelected;
    }
}

枚举：在计算机编程中，枚举类型是一种数据类型，由一组名为元素，成员，枚举或该类型的枚举器的命名值组成。 有关枚举的更多信息

public enum fileUploadState
{
    Uploaded,
    NoFileSelected,
    Failed
}

然后，要访问这些附件，稍后可以放入此代码。假设您正在从数据库中读取文件名。

在您的控制器中：

readFileName = get filename from DB;
ViewBag.Attachment = readFileName;

在您的视图中，创建一个供用户单击以打开附件的链接： target = "_blank"在新选项卡中打开

@Html.ActionLink("First Attachment: " + (string)ViewBag.Attachment, "DownloadAttachment", new { @FileName = (string)ViewBag.Attachment }, new { target = "_blank" })}

回到您的控制器：假设您使用与我创建的相同的Attachment类。 我使用有效的构造函数创建了附件类，以存储有关文件的有用信息，即文件名，路径（如果不同），字节内容。

    public ActionResult DownloadAttachment(string FileName)
    {
        //path as parameter can be changed to wherever the file exists
        Attachment attach = new Attachment(FileName, @"C:\Images");
        //when attachment is created, byte content is read
        var cd = new System.Net.Mime.ContentDisposition
        {
            FileName = attach.FileName,
            Inline = true,
        };
        Response.AppendHeader("Content-Disposition", cd.ToString());
        //return content
        return File(attach.FileData, attach1.contentType);
    }

附件类：

public class Attachment
{
    public string FileName { get; set; }
    public string FilePath { get; set; }
    public byte[] FileData { get; set; }
    public string contentType { get; set; }

    public Attachment(string fileName, string filePath)
    {
        this.FileName = fileName;
        this.FilePath = filePath + @"\"+ fileName ;
        this.FileData = System.IO.File.ReadAllBytes(FilePath);
        this.contentType = MimeMapping.GetMimeMapping(FilePath);
    }
}

Answer 2

后一种<input>方法是正确的方法。

剃刀看起来像这样：

@using (Html.BeginForm("YourAction", "YourController", null, FormMethod.Post, 
new { enctype = "multipart/form-data" }))
{    
    @Html.LabelFor(model => model.Picture)
    <input type="file" name="file" multiple="multiple" />
    <input type="submit" value="Save" />
}

上载信息存储在POST上的Request.Files 。

您可以通过以下方式访问它：

List<string> picture = new List<string>();

for (int i = 0; i < Request.Files.Count; i++)
{
    HttpPostedFileBase file = Request.Files[i];

    if (file != null && file.ContentLength > 0)
    {
        var fileName = Path.GetFileName(file.FileName);
        var fileNameAndPath = Path.Combine(Server.MapPath("~/image/"), fileName);
        file.SaveAs(fileNameAndPath);
        viewModel.Picture = fileNameAndPath.ToString();
    }
}

db.SaveChanges();

编辑： Picture只是Picture的路径吗？ 如果是这样，请告诉我，我可以更新代码以更好地反映您的model 。