jQuery文件上传

时间:2012-12-28 17:28:58

标签: php jquery ajax json

我正在使用Jquery文件上传小部件http://blueimp.github.com/jQuery-File-Upload/

我设法以我想要的方式将所有图像传输到我的数据库,但我无法仅查看我想要的图像。在索引页面中,它可以查看“files”文件夹中的所有图像。

我正在制作一张包含多张专辑的图片库。

Photos Table

上图显示了我的照片表。我有图像的名称和一个数字(in_album)告诉我它在哪张专辑。当我去www.example.com/gallery.php/album?12时,我只想要那些看过in_album = 12的照片,不是文件夹中的所有照片。我想我需要使用JSON或其他东西来实现这一点,但我不确定。

1 个答案:

答案 0 :(得分:0)

没用,但确实有效:

    <!-- 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++) { %}


        {% if (file.in_album == '12') { %}


        <tr class="template-download fade">
            <td>
                <span class="preview">
                    {% if (file.thumbnailUrl) { %}
                        <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
                    {% } %}
                </span>
            </td>
            <td>
                <p class="name">
                    {% if (file.url) { %}
                        <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
                    {% } else { %}
                        <span>{%=file.name%}</span>
                    {% } %}
                </p>
                {% if (file.error) { %}
                    <div><span class="label label-danger">Error</span> {%=file.error%}</div>
                {% } %}
            </td>
            <td>
                <span class="size">{%=o.formatFileSize(file.size)%}</span>
            </td>
            <td>
                {% if (file.deleteUrl) { %}
                    <button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                        <i class="glyphicon glyphicon-trash"></i>
                        <span>Delete</span>
                    </button>
                    <input type="checkbox" name="delete" value="1" class="toggle">
                {% } else { %}
                    <button class="btn btn-warning cancel">
                        <i class="glyphicon glyphicon-ban-circle"></i>
                        <span>Cancel</span>
                    </button>
                {% } %}
            </td>
        </tr>
                    {% } %}


    {% } %}
    </script>