在没有数据库的情况下搜索图像

Search Images without database?

本文关键字：搜索 搜索图 图像 情况下 数据库      更新时间：2023-09-26

我用HTML制作了一个销售摄影的网站（使用divs而不是表格和灯箱.js）。有没有办法在不创建数据库的情况下在 Java 或 PHP 中添加图像搜索功能？如果是这样，请详细说明我应该使用哪些格式/库。我是一名应届毕业生，我已经在网上和堆栈溢出中搜索了两天，找到了零碎的东西，但没有任何东西能让我从头到尾。谢谢

我不知道

这是否像你要找的东西，但是使用JQuery，您可以使用自动完成进行简单的"搜索"。

首先：使您的图片具有与您要搜索的"名称"等效的 ID。类似于这样的东西：

<div id="img1">
    <img id="Image1" alt="Image 1" />
</div>
<div id="img2">
    <img id="Image2" alt="Image 2" />
</div>
<div id="img3">
    <img id="Image3" alt="Image 3" />
</div>

第二：然后，您可以将所有"img"标签ID放入数组中，并创建一个JQuery UI（http://jqueryui.com/autocomplete/）自动完成输入字段，如下所示：

.HTML

<input id="autocomplete" />

杰奎里

var images = new Array();
$("img").each(function() {
    images.push($(this).attr("id"));
});
$("#autocomplete").autocomplete({
    source: images
});
现在，您在自动完成

/搜索字段中拥有图像 ID（名称），您可以添加一个按钮，用于"搜索"所选的自动完成图像 ID 并仅显示该图像。

.HTML

<button id="search">View Image</button>

杰奎里

$("#search").click(function() {
    var field = $("#autocomplete").val();
    $("img").hide(); //Hide all images
    $("#"+field).show();
});

我希望这有所帮助，即使它不完全是您想要的。完整的演示在这里：JSFiddle

相关文章：