在网络表单中下载图像时显示进度条 ASP.Net

本文关键字：ASP Net 显示 表单 网络 下载 图像 | 更新日期: 2023-09-27 18:31:32

我正在开发一个网站，该网站具有主页和文章列表页面上所有文章的文章部分和显示图像。其中一些图像以 png 格式上传，大小大于 11KB。

假设我在页面上显示 20 篇文章和 20 张图像。 有时图像需要一些时间才能下载。我想显示将要下载的每个图像的进度条。我在网上寻找过它，但我无法得到正确的东西。

如果有人能指出我正确的方向，我将不胜感激。

我正在 ASP.Net 4.0，C#中开发这个网站。我正在使用简单的 ASP.Net 图像控件来显示图像，现在我想与一些jQuery函数集成，以便它将显示某种加载...效果直到图像实际下载

类似于 http://rascals.eu/templates/rt0802/portfolios/portfolio-2-columns/的东西

在网络表单中下载图像时显示进度条 ASP.Net

我找到了使用CSS的简单解决方案

.ImageClass
{
      display: block;
      background-image: url('../images/loading-circle.gif');
      background-position: center center;
      background-repeat:no-repeat;
}

像魅力一样工作。我很欣赏其他答案，这也很有用

您可以将加载放在div 或 span 标签中，并在想要显示时显示或隐藏它。如果你想最初显示它，只需在 jQuery on ready 函数中的div 或 span 上放置一个 jQuery .hide() 函数。

请参阅有关 show() 和 hide() 的 jQuery 文档

相关文章：