Javascript 我想上传带有文本的本地主机上的图像，并使用搜索栏删除或搜索该图像

我已经实现了上传图像和显示在网页上的图像。我想在上传时添加一些文字描述，上传后，我想从搜索栏中搜索图像描述。例如，如果我上传4张图片：

第一张带有abc文本的图像
带有agh文本的第二幅图像
带有xyz文本的第三幅图像
带aaa文本的第四个图像

在搜索输入文本中输入

a

后，应显示1、2和4个图像，并隐藏第3个图像

var get = function(id) {
    return document.getElementById(id);
}

var uploadedImg = uploadedImg || {};
uploadedImg.handleFileSelect = function(evt) {
    var files = evt.target.files; // FileList object.

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {

        // Only process image files.
        if (!f.type.match('image.*')) {
            continue;
        }

        var reader = new FileReader();

        //closure to capture the file information.
        reader.onload = (function(theFile) {
            return function(e) {
                // Render thumbnail.
                var span = document.createElement('span');
                span.innerHTML = ['<img class="thumb" src="', e.target.result, '" title="', escape(theFile.name), '"/>'].join('');
                get('thumbnails').insertBefore(span, null);
            };
        })(f);

        // Read in the image file as a data URL.
        reader.readAsDataURL(f);
    }
}
get('imageUploaded').addEventListener('change', uploadedImg.handleFileSelect, false);

var get=function（id）{
返回文档.getElementById（id）；
}
var uploadedImg=uploadedImg | |{}；
uploadedImg.handleFileSelect=函数（evt）{
var files=evt.target.files；//文件列表对象。
//循环浏览文件列表并将图像文件渲染为缩略图。
for（var i=0，f；f=files[i]；i++）{
//仅处理图像文件。
如果（！f.type.match（'image.*'））{
继续；
}
var reader=new FileReader（）；
//闭包以捕获文件信息。
reader.onload=（函数（文件）{
返回函数（e）{
//渲染缩略图。
var span=document.createElement（'span'）；
span.innerHTML=[''）.join（''）；
get（'thumbnails'）.insertBefore（span，null）；
};
})（f） )；
//作为数据URL读入图像文件。
reader.readAsDataURL（f）；
}
}
get（'imageUploaded'）.addEventListener（'change'，uploadedImg.handleFileSelect，false）；

---

您可能需要将这些文本与图像一起存储在数据库中，然后对输入的文本执行搜索操作，并将这些文本与图像一起存储在数据库中，然后对输入的文本执行搜索操作，并对输入的文本进行编辑@TylerH