选择文件后用程序关闭elfinder
Close elfinder Programatically after File selection
我希望我的elfinder在选择文件后自动关闭。
<script>
function upload_slider(){
var f = $('#elfinder').elfinder({
url : 'plugins/elfinder/php/connector.php',
height: 490,
docked: false,
dialog: { width: 400, modal: true },
closeOnEditorCallback: true,
getFileCallback: function(url) {
$('#new_file').val(url);
// CLOSE ELFINDER HERE
}
}).elfinder('instance');
}
</script>
<input type="text" id="new_file" />
<input type="button" onclick="upload_slider();" value="Select File" />
<div id="elfinder"></div>
如何做到这一点?我找了很多地方都找不到合适的路。
答案很接近,但必须重新加载页面对我来说不是一个选项。我们正在做的是删除elfinderdiv……所以在我看来,如果我们一开始就有代码来创建它,我们就不必重新加载它。
<div id="elfcontain"></div>
---------------------------------------------------------------------------
function filebrowser() {
$('#elfcontain').append('<div id="elfinder"></div>');
var elf = $('#elfinder').elfinder({
url: 'data/connector/connector.php', // connector URL (REQUIRED)
getFileCallback: function(url) {
console.log(url);
$('#elfinder').remove();
return url;
}
}).elfinder('instance');
}
只是给任何发现自己处于这种情况的人一个参考。由于我们每次都创建elfinderdiv,因此您现在可以随心所欲地隐藏/显示它,而无需重新加载。
几个小时后,我为您找到了一个解决方案,因为我遇到了完全相同的问题。我觉得还可以。
$().ready(function() {
$('#select-button').click(function(){
var f = $('#elfinder').elfinder({
url : 'plugins/elfinder/php/connector.php',
height: 490,
docked: false,
dialog: { width: 400, modal: true },
closeOnEditorCallback: true,
getFileCallback: function(url) {
$('#fileurl').val(url);
// CLOSE ELFINDER HERE
$('#elfinder').remove(); //remove Elfinder
location.reload(); //reload Page for second selection
}
}).elfinder('instance');
});
})
比您想象的要容易得多。
getFileCallback: function (filePath, fm) {
fm.hide();
}
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- keyup事件处理程序更改焦点不适用于快速键入
- 用程序搜索JQuery数据表中的文本
- Javascript:selenium Web驱动程序isDisplayed()不工作
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- ExtJS 5用程序点击actioncolumn gridview
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 如何从Java/scala调用js美化程序
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 在Windows 10中自动执行例行程序(主要与浏览器交互)
- 在Web应用程序中使用Highcharts javascript
- 递归使用 eval() 是检查程序执行的好方法吗?
- 选择文件后用程序关闭elfinder