jquery - 使用 asp.net 在文件上传 jquery 插件中根据产品类型过滤图像

Question

这是我使用插件https://github.com/blueimp/jQuery-File-Upload的场景用于多个文件上传但我需要根据产品类型加载图像，如您所见所附图像。当我从下拉列表中选择产品类型时，它将仅显示产品类型的图像。我怎样才能在上述插件的帮助下实现这一目标。

Answer 1

我不确定该插件的作用，但这个答案对我来说似乎可能是纯粹的 JQuery 答案。除非我误解了这个问题。

我很想首先检查下拉菜单的设置。因此 var x = $("#dropdownName").val(); 其中 x 等于 html value="" 中设置的值> 属性(property)。那么我们可以这么说...

<select id="dropdownName">
    <option value="productType1">Product Type 1</option>
    <option value="productType2">Product Type 2</option>
    <option value="productType3">Product Type 3</option>
</select>

这样，当我推送上传时，当前的产品类型现在设置为上传的内容，并且给我一个与插件没有任何关系的值集。话虽这么说，据我所知，该插件内置了这些东西，并且有更好的方法，但由于我不熟悉这个插件，看来单独使用 JQuery 可能是一个合理的答案。

一旦我知道正在上传的产品类型，即产品类型 1，我就可以在数据库中使用额外的表来存储此信息(除非已经存在可以包含额外行或两个添加没有错误/问题)。因此，也许将其添加到 prod_type 查找表中，该表的全部工作就是存储产品类型的唯一标识符以及上传的图像的唯一标识符。我假设会有一个带有 id、路径、扩展名等的图像表...这就是我建议这个的原因。

因此，一旦我点击上传，我自己的查找表就会跟踪每个图像所属的产品类型。

然后，现在我知道每个产品属于哪种类型，应该很容易进行一些简单的查询，甚至可能是一个或两个存储过程，因为这将是静态查询情况。当您现在查看页面或加载仅包含某种类型产品类型的页面时，您可以简单地在数据库中查询产品类型 1 或 2 或其他类型，并通过 prod_type 查找表和图像表您可以轻松查看哪些图像属于此部分，然后填充它。

我无法知道您使用什么类型的 DBAS，因此在这里输入 SQL 是没有意义的，但这可能是处理此更新的产品列表的 AJAX 请求/响应的 JQuery 代码。

请求:

$.post("fileToQueryDBASForProdType.php", {prodType: $("#dropdownName").val()}, function(data) {

    //Response Handler Callback
    //This is where you would begin to handle the data variable returned in completion
    //Usually the data var in this case would be a built HTML set made inside the .php called
    //Most cases its as simple as ....

   $(".foundResultsSection").innerHTML(data);

});