我希望当我点击elfinder中的文件返回一个文本字段的URL

时间:2013-08-13 08:14:58

标签: return-value elfinder

请帮我解决这个问题,我的页面中有一个文本字段,我希望当我点击文本字段或按钮时,elfinder会在弹出窗口中打开,当我选择关闭的文件和文件的url返回时textfield,如果工作正常,我可以使用另一个文件管理器

<script type="text/javascript" src="../elfinder/jquery/jquery-1.9.1.min.js"></script> 

<script type="text/javascript" src="../elfinder/jquery/jquery-ui-1.10.1.custom.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../elfinder/css/smoothness/jquery-ui-1.8.13.custom.css">

<script type="text/javascript" src="../elrte/js/elrte.min.js"></script>
<script type="text/javascript" src="../elfinder/js/elfinder.min.js"></script>
<script type="text/javascript" src="../elfinder/js/jquery.dialogelfinder.js"></script>
<script src="../elrte/js/i18n/elrte.en.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" media="screen" href="../elrte/css/elrte.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../elfinder/css/elfinder.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="../elfinder/css/dialog.css">

<body>
    <input type="text" id="fileurl" />
    <div id="finder"></div>
</body>

2 个答案:

答案 0 :(得分:1)

请参阅此网址:https://github.com/Studio-42/elFinder/issues/395

脚本:

$(document).ready(function() {
    $("#editor").click(function(e) {
        var elfinder = $('#elfinder').elfinder({
            url: 'php/connector.minimal.php',
            resizable: false,
            getfile : {
                onlyURL  : true,
                multiple : false,
                folders  : false,
                oncomplete : ''
            },
            handlers: {
                dblclick: function(event, elfinderInstance) {
                    fileInfo = elfinderInstance.file(event.data.file);

                    if (fileInfo.mime != 'directory') {
                        $("#editor").val(elfinderInstance.url(event.data.file));
                        elfinderInstance.destroy();
                        //$('#elfinder').dialog('close');
                        return false; // stop elfinder
                    }
                },
                destroy: function(event, elfinderInstance) {
                    elfinder.dialog('close');

                }
            }
        }).dialog({
            title: 'filemanager',
            resizable: true,
            width: 920,
            height: 500
        });
    });
});

Html:

<div id="elfinder"></div>
<input type="text" id="editor" style="width:500px;">

答案 1 :(得分:0)

最新版的elFinder:

您可以使用

getFileCallback : function(file) {
    cosole.log(file);
}