2014-01-31 66 views
3

這裏是我使用的插件https://github.com/blueimp/jQuery-File-Upload對多文件上傳的情況下,但我需要加載每個產品類型的圖片,你可以看到附加的圖像。當我從下拉列表中選擇產品類型時,它將只顯示產品類型的圖像。我怎樣才能達到這個機智上述插件的幫助。過濾圖像按產品類型在文件上傳的jQuery插件與asp.net

enter image description here

+0

我不知道,如果你的文件上傳插件可以做到這一點,但它讓我感到吃驚:表過濾器/排序的問題是從上傳文件中的一個的比較遠,所以你應該找表分揀機插件。 – Fractaliste

+0

謝謝@Fractaliste,但我不希望桌上的分揀機,我只是想根據產品類型過濾器。 –

+0

當然,我會說一個*表格過濾插件* – Fractaliste

回答

0

我不知道這個插件做什麼,但這個答案對我來說似乎是它可以是一個純粹JQuery的答案。除非我誤解了這個問題。

我會temped先檢查一下下拉已被設置爲。所以var x = $("#dropdownName").val();其中x等於在HTML value=""屬性格式設置的值。因此,讓我們說......

<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本身可能是一個合理的答案。

一旦我知道正在上傳什麼類型的產品,即product type 1,我可以在我的數據庫中使用一個額外的表來存儲這些信息(除非已經有一個表可以增加一行或兩行,而沒有錯誤/問題)。因此,可能將其添加到prod_type查找表中,其整個工作是存儲產品類型的唯一標識符以及上傳的圖像的唯一標識符。我假設會有一個帶有ID,路徑,擴展等的圖像表......這就是爲什麼我提出這個建議。

所以,一旦我點擊上傳,我自己的查找表跟蹤的每個圖像屬於什麼產品類型。

然後,現在我知道每個產品屬於哪個類型,它應該是很容易做一些簡單的查詢甚至是一個存儲過程或兩個,因爲這將是一個靜態的查詢情況。如果你現在去查看的網頁或僅與特定類型的IT產品類的加載頁面,您可以簡單地查詢數據庫只產品類型1或2或任何從一個簡單連接上prod_type查找表中,圖像表,你可以很容易地看到哪些圖像屬於本節,然後填充它。

我無法知道您使用的是哪種類型的DBAS,因此SQL在這裏輸入時會毫無意義,但這可能是處理此更新產品列表的AJAX請求/響應的JQuery代碼。

Request:

$.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); 

});