移動到不同文件夾時圖像被裁剪/剪切 asp.net mvc c#

Question

我正在開發一個小圖書館，您可以在其中上傳一本書的圖片，該圖片將移動到我項目的圖像文件夾中。 但是，圖像在我的網站上顯示時會被裁剪。 當移動到圖像文件夾時，它顯然是一個整體，不是裁剪的圖像，但在顯示時不是。

文件夾中的圖片： https://imgur.com/a/Undnkwp

這是它在我的網站上的外觀： https://imgur.com/a/rKy2Mkc

我移動圖像的代碼：

[HttpPost]
    [ValidateAntiForgeryToken]
    public IActionResult AddBook(Book book)
    {
        var file = HttpContext.Request.Form.Files[0];

        if (file.Length > 0 && file.Length < 10000000)
        {
            var path = @"D:\School\Hovedforløb 1\ASP\LibraryNew\wwwroot\Images\";
            var filename = book.Isbn + Path.GetExtension(file.FileName);
            string[] fileExtensions = { "jpg", "jpeg", "png" };

            if (!fileExtensions.Any(o => filename.EndsWith(o)))
            {
                return RedirectToAction("AddBook");
            }
            else
            {
                using (var fileStream = new FileStream(Path.Combine(path, filename), FileMode.Create))
                {
                    file.CopyTo(fileStream);
                    book.Picture = filename;
                }
                _db.Books.Add(book);
                _db.SaveChanges();
                return RedirectToAction("Index");
            }
        }
        return View();
    }

如果您知道如何解決此問題，請告訴我！

馬泰奧

Answer 1

檢查您的 html 代碼，如下所示。 根據需要修復圖像大小。

 <div class="img"> <img data-mdb-toggle="animation" data-mdb-animation-start="onScroll" data-mdb-animation="slide-in-left" class="card-img-top" src="~/Images/@item.image" alt="Responsive Image" style="width:150px;height:150px;" /> </div>