Question

我正在使用jquery文件树（http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/）和jsp连接器版本。

所以，javascript代码是：

    $(function() {
     $("#container_id").fileTree({ 
       root: '/home/mio' ,
       script: '/Grafo_Filesystem-portlet/jqueryFileTree.jsp',
     }, function(file) {
       alert(file);
     });
    });

单击文件名时，将返回包含文件路径的警报。

相反，我想下载文件。我该怎么办？

由于

Answer 1

或者您可以使用跨浏览器解决方案：当选择文件时，隐藏的GET表单将在另一个页面中提交（因此您不会丢失打开文件树的实际页面）并且浏览器会照顾下载文件的内容。

$(function() {
    $("#container_id").fileTree({ 
            root: '/home/mio' ,
            script: '/Grafo_Filesystem-portlet/jqueryFileTree.jsp',
        },
        function(file) {
            $('#hiddenForm').attr('action', file);
            $('#hiddenForm input[name="rand"]').val(Math.floor(Math.random()*1001));
            $('#hiddenForm').submit();
        }
    );
});

## HTML PART ( PUT AT THE END OF THE PAGE ) ##
<form id="hiddenForm" action="#" target="_blank" method="GET">
    <input type="hidden" name="rand" value="0" />
</form>

Answer 2

$(function() {
 $("#container_id").fileTree({ 
   root: '/home/mio' ,
   script: '/Grafo_Filesystem-portlet/jqueryFileTree.jsp',
 }, function(file) {
   window.location.replace(file);
 });
});

jQuery文件树：文件下载

2 个答案: