javascript - jQuery 文件树：文件下载

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);
 });
});