html - 无法调整从 MVC 中的数据库检索到的图像的大小

Question

我正在从存储在字节数组中的数据库中检索图像。它工作正常并在浏览器上正确显示，但我无法调整它的大小。我试过使用 'width', style="width:", inline, internal css, external css, !important。
这就是我将包括图像在内的数据存储到数据库的方式。

public ActionResult registerFormData(registerForm form, HttpPostedFileBase imageFile)
        {

            form.Image = new byte[imageFile.ContentLength];
            imageFile.InputStream.Read(form.Image, 0, imageFile.ContentLength);
            form.imageType = imageFile.ContentType;

            var data = _context.registerForms.SingleOrDefault(f => f.name == form.name);
            if (data == null)
            {
                _context.registerForms.Add(form);
                _context.SaveChanges();

                TempData["message"] = "Your Account has been created";
                return RedirectToAction("Index", "Home");
            }
            else
                TempData["message"] = "A user with this name already exist. Choose other name";
            return RedirectToAction("registerForm", "Home");

这是我在 Controller 类中检索图像的操作。(工作正常)

public ActionResult getImage()
{
      registerForm data = _context.registerForms.SingleOrDefault(f => f.name == "abc");
      return new FileContentResult(data.Image, data.imageType);

}

这是我现在显示图像的地方，只是为了测试。

<div class="item" >

     <img src="@Url.Action("getImage", "Home")/>
 </div>

有没有办法调整图片大小。

Answer 1

我想通了。对“我的操作”进行了细微更改。

来自

public ActionResult getImage()
{
      registerForm data = _context.registerForms.SingleOrDefault(f => f.name == "abc");
      return new FileContentResult(data.Image, data.imageType);

}

到

public ActionResult getImage()
        {
            registerForm data = _context.registerForms.SingleOrDefault(f => f.name == "abc");
            ViewBag.Base64String = "data:image/png;base64," + Convert.ToBase64String(data.Image, 0, data.Image.Length);
            return View(data);

        }

在我看来改变了

来自

<img src="@Url.Action("getImage", "Home")/>

到

 <img alt="" src="@ViewBag.Base64String"/>

现在，所有 CSS 属性都可以使用，我可以调整图像的大小。