2012-08-13 48 views
1

我正在嘗試使用Blueimp jQuery文件上傳文件程序https://github.com/blueimp/jQuery-File-Upload。我已經通過wiki &文檔進行了搜索,但無法找到如何過濾可供下載的文件的答案。我如何過濾blueimp jquery下載程序中的文件下載

我在經過驗證的「受保護」區域內使用它。我已經成功地將所有上傳的文件預設爲一個唯一的ID(例如UID-filename.jpg),我將在經過驗證的會話中提供這些ID。所以我只需要選擇正確的UID。

jQuery代碼,顯示下載進度表如下:

<!-- The template to display files available for download --> 
<script id="template-download" type="text/x-tmpl"> 
{% for (var i=0, file; file=o.files[i]; i++) { %} 
<!-- <tr class="template-download fade">--> 
    <tr class="template-download "> 
    {% if (file.error) { %} 
     <td></td> 
     <td class="name"><span>{%=file.name%}</span></td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td class="error" colspan="2"><span class="label label-important">{%=locale.fileupload.error%}</span> {%=locale.fileupload.errors[file.error] || file.error%}</td> 
    {% } else { %} 
     <td class="preview">{% if (file.thumbnail_url) { %} 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="gallery" download="{%=file.name%}"><img src="{%=file.thumbnail_url%}"></a> 
     {% } %}</td> 
     <td class="name"> 
      <a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}" download="{%=file.name%}">{%=file.name%}</a> 
     </td> 
     <td class="size"><span>{%=o.formatFileSize(file.size)%}</span></td> 
     <td colspan="2"></td> 
    {% } %} 
    <td class="delete"> 
     <button class="btn btn-danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}"> 
      <i class="icon-trash icon-white"></i> 
      <span>{%=locale.fileupload.destroy%}</span> 
     </button> 
     <input type="checkbox" name="delete" value="1"> 
    </td> 
</tr> 

我不是非常的JS/jQuery的經歷。我希望接下來做什麼的任何想法。是誰熟悉設置/選項來過濾這些文件。或者,我認爲該文件是文件名或路徑的數組,我懷疑可能會被過濾。在PHP中,我可能會使用glob函數。是否有人有任何JS經驗?

謝謝你在前進,

比爾

+0

我在解決方案方面取得了一些進展。我問過github https://github.com/blueimp/jQuery-File-Upload/issues/1578。插件作者建議我在服務器端進行過濾。我找到了https://github.com/blueimp/jQuery-File-Upload/issues/1149,它解釋瞭如何在服務器端進行過濾。我已經做到了這一點,它的工作就像上傳。我現在已經設置了每個用戶在上傳文件夾中有一個子文件夾,其中包含其圖像的唯一ID號。 1問題:上傳的圖像不可見。請參閱https://github.com/blueimp/jQuery-File-Upload/issues/1587 – user61629 2012-08-15 17:54:01

回答

1

使用插件http://sunnywalker.github.io/jQuery.FilterTable/ 它適用於任何表和易於部署。

包括依賴關係:

<script src="/path/to/jquery.js"></script> 
<script src="/path/to/bindWithDelay.js"></script> <!-- optional --> 
<script src="/path/to/jquery.filtertable.js"></script> 
<style> 
    .filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; } 
    .fitler-table .quick:hover { text-decoration: underline; } 
    td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); } 
</style> <!-- or put the styling in your stylesheet --> 

輸入代碼

<script> 
$('table').filterTable(); //if this code appears after your tables; otherwise, include it in your document.ready() code. 
</script> 

好吧!祝你好運!