【问题标题】:How do I zoom picture in an ASP.NET web forms imagebutton?如何在 ASP.NET Web 表单图像按钮中缩放图片?
【发布时间】:2018-09-28 16:27:23
【问题描述】:

我有一个asp。网络表单应用程序,允许用户在图像按钮中显示图片。我的困境是我的用户拥有的图片非常庞大(7200 像素 x 4800 像素)。我希望能够在保持图像按钮大小相同的同时放大图片。 最简单的方法是什么?

此外,在上传文件控件找到其 URL 后,将显示图像

这是我的 .aspx 代码:

<div class="picontainer" style="width: 900px" >
                <asp:ImageButton ID="pic" runat="server" OnClick="Image_Click" />

        </div>

.css for div picontainer:

.picontainer {
        max-height: 600px;
        max-width: 900px;
        overflow: scroll;
}

这就是我选择 ImageButton.ImageUrl 的方式:

string folderPath = Server.MapPath("~/Files/");
if (!Directory.Exists(folderPath))
{
    Directory.CreateDirectory(folderPath);
}
string filename = FileUploader.FileName;
FileUploader.SaveAs(folderPath + filename);
string ext = Path.GetExtension(filename);
if (ext ==".png" || ext==".jpg" || ext==".gif" || ext==".jpeg")
    pic.ImageUrl = "~/Files/" + Path.GetFileName(FileUploader.FileName);

我尝试过的:

我已尝试从 Windows 窗体库中导入方法。

我还尝试将图片保存为位图,并尝试通过将位图的大小乘以缩放因子并输出新的位图来调整图片的大小。不知道在使用这个方法时如何设置新的 URL

【问题讨论】:

标签: c# asp.net image


【解决方案1】:

我真的不明白您的应用程序要做什么。但如果你想即时调整图像大小,我会看看 .NET ImageResizer 库。

您也可以使用Nuget 将其拉入您的项目中。

此外,您的标记中不应需要重复的 CSS。

【讨论】:

  • 我希望用户能够通过按一下按钮来缩小图像按钮。
  • 同一个按钮?其他按钮?正如我所说,我只是不明白你想要在视觉上实现什么。也许是截图?请记住,只需按一下按钮,您就可以调用此库并即时调整某些内容的大小。
  • 它可能是最好的实现客户端与 javascript 图像缩放库。进行谷歌搜索,您会看到大量不同的示例。
  • 只是好奇,为什么在客户端这样做是“最好的”? 7200 X 4800 图像不会严重添加到有效负载中吗?
猜你喜欢
  • 1970-01-01
  • 2012-04-04
  • 1970-01-01
  • 2020-01-09
  • 2013-12-11
  • 1970-01-01
  • 2015-12-30
  • 2011-06-29
相关资源
最近更新 更多