Question

如上所述，我正在尝试在表格中插入图像，其中字段的类型为Varbinary。

到目前为止我做了什么：

我有一个包含许多字段的表单：

@using (Html.BeginForm("InsertProduct", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>PRODUCT</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.PRODUCT_ID)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.PRODUCT_ID)
            @Html.ValidationMessageFor(model => model.PRODUCT_ID)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.PRODUCT_NAME)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.PRODUCT_NAME)
            @Html.ValidationMessageFor(model => model.PRODUCT_NAME)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.PRODUCT_IMAGE)
        </div>
        <div class="editor-field">
            <input type="file" name="PRODUCT_IMAGE" id="PRODUCT_IMAGE" style="width: 100%;" />
        </div>

        <p>
            <input type="submit" value="Create" class="btn btn-primary"/>
        </p>
    </fieldset>
}

所有这些字段都允许我在我的控制器中构建一个PRODUCT对象：

public ActionResult InsertProduct(PRODUCT ord)
    {
        MigrationEntities1 sent = new MigrationEntities1();
        sent.PRODUCT.Add(ord);
        sent.SaveChanges();
        List<PRODUCT> Products = sent.PRODUCT.ToList();
        return View("Products", Products);
    }

但是当我尝试上传图片时（通过点击“创建”按钮），我有以下内容：

条目不是有效的base64字符串，因为它包含一个字符这不是基础64

所以首先：它是处理图像的正确方法吗？其次，我认为我需要对我的图像进行预处理以插入它：如何操作？

谢谢！

编辑：

感谢收到的答案，似乎很适合插入。但是为了显示，我仍然有问题（仅显示“未找到的图像”piture）。我尝试过两种方式： 1。 <img src="LoadImage?id=@Model.product.PRODUCT_ID"/> 并在控制器

public Image LoadImage(int id)
    {
        String serviceAddress = ConfigurationManager.AppSettings["WCFADDRESS"];
        DataServiceContext context = new DataServiceContext(new Uri(serviceAddress));
        PRODUCT product = context.Execute<PRODUCT>(new Uri(serviceAddress + "prod_id?prod_id=" + id)).ToList().FirstOrDefault();

        MemoryStream ms = new MemoryStream(product.PRODUCT_IMAGE);
        Image img = Image.FromStream(ms);
        return img;
    }

和2.：

@{

    if (Model.product.PRODUCT_IMAGE != null)
    {
        WebImage wi = new WebImage(Model.product.PRODUCT_IMAGE);
        wi.Resize(700, 700,true, true);
        wi.Write();
    }    
}

但他们都没有工作。我究竟做错了什么？

Answer 1

1）更改数据库表以包含以下列：

1: ProductImage - varbinary(MAX)
2: ImageMimeType - varchar(50)

2）改变你的行动方法：

public ActionResult InsertProduct(PRODUCT ord, 
    HttpPostedFileBase PRODUCT_IMAGE)
{        
    if (ModelState.IsValid)        
        {
            MigrationEntities1 sent = new MigrationEntities1();
            if (image != null)
            {
                ord.ProductImage= new byte[PRODUCT_IMAGE.ContentLength];
                ord.ImageMimeType = PRODUCT_IMAGE.ContentType;
                PRODUCT_IMAGE.InputStream.Read(ord.ProductImage, 0,
                    PRODUCT_IMAGE.ContentLength);
            }

            else
            {
                // Set the default image:
                Image img = Image.FromFile(
                    Server.MapPath(Url.Content("~/Images/Icons/nopic.png")));
                MemoryStream ms = new MemoryStream();
                img.Save(ms, ImageFormat.Png); // change to other format
                ms.Seek(0, SeekOrigin.Begin);
                ord.ProductImage= new byte[ms.Length];
                ord.ImageMimeType= "image/png";
                ms.Read(ord.Pic, 0, (int)ms.Length);
            }

            try
            {
                sent.PRODUCT.Add(ord);
                sent.SaveChanges();

                ViewBag.HasError = "0";
                ViewBag.DialogTitle = "Insert successful";
                ViewBag.DialogText = "...";
            }
            catch
            {
                ViewBag.HasError = "1";
                ViewBag.DialogTitle = "Server Error!";
                ViewBag.DialogText = "...";
            }

            List<PRODUCT> Products = sent.PRODUCT.ToList();
            return View("Products", Products);
        }

        return View(ord);
    }

此操作方法仅适用于创建。你需要一些编辑和索引的作品。如果你有问题，请告诉我将它们的代码添加到答案中。

更新：如何展示图片：

显示存储图像的一种方法如下：

1）将此操作方法添加到您的控制器：

    [AllowAnonymous]
    public FileContentResult GetProductPic(int id)
    {
        PRODUCT p = db.PRODUCTS.FirstOrDefault(n => n.ID == id);
        if (p != null)
        {
            return File(p.ProductImage, p.ImageMimeType);
        }

        else
        {
            return null;
        }
    }

2）在视图的<img>结构中（或您想要的任何位置）添加@foreach(...)标记，如下所示：

<img width="100" height="100" src="@Url.Action("GetProductPic", "Products", routeValues: new { id = item.ID })" />

Answer 2

将sql服务器上的Image类型更改为Byte []并使用类似的方法。这就是我过去存储图像的方式。

http://www.codeproject.com/Articles/15460/C-Image-to-Byte-Array-and-Byte-Array-to-Image-Conv

如果没有，您可以始终只在本地存储图像并通过字符串将图像位置传递到SQL数据库中，此方法运行良好且可以快速设置。

Answer 3

所以，以下是要做的修改：

要在数据库中插入数据：

[HttpPost]

public ActionResult InsertProduct（PRODUCT ord，HttpPostedFileBase image） { MigrationEntities1 sent = new MigrationEntities1（）; if（image！= null） { ord.PRODUCT_IMAGE =新字节[image.ContentLength]; image.InputStream.Read（ord.PRODUCT_IMAGE，0，image.ContentLength）; } sent.PRODUCT.Add（ORD）; sent.SaveChanges（）; List Products = sent.PRODUCT.ToList（）; return View（“产品”，产品）; }

注意：这是“轻松”的方式，对于更完整的东西，看看Amin的答案。

用于显示：

在视图中

<img src="LoadImage?id=@Model.product.PRODUCT_ID"/>

在控制器中：

public FileContentResult LoadImage(int id)
    {
        String serviceAddress = ConfigurationManager.AppSettings["WCFADDRESS"];
        DataServiceContext context = new DataServiceContext(new Uri(serviceAddress));
        PRODUCT product = context.Execute<PRODUCT>(new Uri(serviceAddress + "prod_id?prod_id=" + id)).ToList().FirstOrDefault();

        return new FileContentResult(product.PRODUCT_IMAGE, "image/jpeg");
    }

现在一切都好，谢谢！

如何将图像插入sql server数据库？

3 个答案: