Question

有没有办法将图像从我的数据库调用到我的灯箱jquery。我想在我的照片库中调用很多照片：

<%--using multiple="" images="" in="" a="" sequence="", link="" is="" thumbnail=""of="" image--=""%>

          <div>
            Birds<br /><br />

            <a href="images/AmericanGoldfinch_male.jpg" rel="lightbox[roadtrip2]" 
            title="American Goldfinch">
              <img src="images/AmericanGoldfinch_male.JPG" width="60" height="60" 
              alt="" />
           </a>

             <a href="images/birdgroup1.jpg" rel="lightbox[roadtrip2]" 
            title="Mixed Birds">
              <img src="images/birdgroup1.JPG" width="60" height="60" alt="" />
            </a> 
            <a href="images/doves.jpg" rel="lightbox[roadtrip2]" 
            title="Mourning Doves">
              <img src="images/doves.JPG" width="60" height="60" alt="" />
            </a>
            <a href="images/goldfinch_fiesta.jpg" rel="lightbox[roadtrip2]" 
            title="American Goldfinches">
              <img src="images/goldfinch_fiesta.JPG" width="60" height="60" alt="" />
            </a>

            <a href="images/hummingbird.jpg" rel="lightbox[roadtrip2]" 
            title="Ruby Throated Hummingbird">
              <img src="images/hummingbird.JPG" width="60" height="60" alt="" />
            </a>

            <a href="images/RoseBreastedGrosbeak_male.jpg" 
            rel="lightbox[roadtrip2]" 
            title="Rose Breasted Grosbeak">
              <img src="images/RoseBreastedGrosbeak_male.JPG" width="60"                   height="60" alt="" />
            </a>

         </div>
        </form>
 </body>

我会对查询提出什么建议？

Answer 1

我建议使用HTTP处理程序，如下所示：

public class ImageHandler : IHttpHandler 
{
    public void ProcessRequest(HttpContext context)
    {
        // Grab ID from query string
        int id = Convert.ToInt32(context.Request.QueryString["roomID"]);

        // Logic here to retrieve image from database

        // Write image to context object to return to browser

        // Set content type to type of image, change to whatever you need it to be
        context.Response.ContentType = "image/gif";
    }

    public bool IsReusable 
    {
        get {
            return false;
        }
    }
}

然后在您的客户端代码中，您可以调用HTTP处理程序，如下所示：

<img src="ImageHandler.ashx?id=1" />

Answer 2

如果视图中的图像只是对图像资源的引用：

images/AmericanGoldfinch_male.jpg

然后您可以遍历数据库记录以发出图像的标记。例如，假设您的模型中已填充IEnumerable<SomeCustomObject> Images，其中包含图像文件的网址和标题。在这种情况下，您的视图将包含以下内容：

<div>
    Birds<br /><br />

    @foreach (var image in Model.Images)
    {
    <a href="@image.Url" rel="lightbox[roadtrip2]" title="@image.Title">
        <img src="@image.Url" width="60" height="60" alt="" />
    </a>
    }
</div>

这将生成与手动创建的标记相同的标记，但会动态生成模型中的所有图像。

接下来的问题就变成......数据库中的URL引用的图像是实际存储在数据库中吗？如果是后者，那么你可能要做的就是创建一个单独的动作方法来充当“图像”本身，它动态地从数据库返回图像。首先，您必须更改上面的代码才能使用该操作。这样的事情，假设一个图像ID而不是模型上的URL：

<div>
    Birds<br /><br />

    @foreach (var image in Model.Images)
    {
    <a href="@Url.Action("ActionName", "ControllerName", new { id = image.ID })" rel="lightbox[roadtrip2]" title="@image.Title">
        <img src="@Url.Action("ActionName", "ControllerName", new { id = image.ID })" width="60" height="60" alt="" />
    </a>
    }
</div>

现在的区别在于，不是使用图像的静态URL，而是根据动作名称，控制器名称和图像ID动态创建一个作为路径值。接下来，您需要创建操作方法。如果图片只是数据访问层中的byte[]，那么您可以让该操作返回File结果。像这样：

public ActionResult ActionName(int id)
{
    var file = Files.Get(id); // this would be replaced with however you get your file from the database
    return File(file.Data, file.ContentType, file.Name);
}

当然，假设您还存储了数据库中文件的名称和内容类型。如果您将原始文件数据存储在数据库本身中，那么至少存储其内容类型也是一个非常好的主意。

如何将数据库中的图像调用到Lightbox Jquery？

2 个答案: