javascript - 如何使用 Elfinder 检查特定文件夹
问题描述
我有一个使用 Elfinder 的应用程序。上传时,我需要检查文件是否正在上传到特定文件夹,例如“DIRECTOR”文件夹,也可以在单击按钮时打开该文件夹。
在以下情况下获取文件夹名称:
1. 正在上传文件
2. 单击按钮
我已经尝试添加commandsOptions,将文件夹设置为true,但是当我选择一个文件时我只得到文件夹信息。每次将文件上传到该文件夹时,我都需要知道文件夹名称。我还在 bind('upload') 中使用了 getFileCallback,但我没有得到 path 属性。双击时我只得到“路径”属性。有人知道要使用的正确功能或如何获取文件夹名称吗?
<div id="openFolderDiv">
<button type="button" id="openFolderBtn"/>
<label id="lblOpenFolderBtn">Open Director Folder</label>
</div>
$('#openFolderBtn').click(function () {
// open "DIRECTOR" folder
});
var options = {
commands: myCommands,
commandsOptions: {
getfile: {
folders: true
}
},
getFileCallback: function (file) {
if (file.path.includes("DIRECTOR")) {
return file.path;
}
},
};
elfinder.bind('upload', function (event, instance) {
var path = options.getFileCallback(event, instance);
});
我遇到的另一个问题是,当我双击打开一个文件夹时,getFileCallback 函数被触发但文件夹没有打开。
解决方案
不久前我能够找到答案,这是我的解决方案:在选择处理程序中,我能够通过解码从 elfinder 项的哈希字符串转换而来的 base64url 来获取文件夹名称。
var options = {
url: '../connector.ashx',
uiOptions: {
toolbar: [
['mkdir', 'mkfile', 'upload'],
['open', 'download'],
['copy', 'cut', 'paste'],
['duplicate', 'rename', 'edit'],
['search']
]
},
handlers: {
select: function (event, elfinderInstance) {
if (event.data.selected.length == 1) {
var item = $('#' + event.data.selected[0]);
var hashString = item.selector;
var folderPath = parseToken(hashString);
var folderName = folderPath.split("\\")[1];
if (folderName.toUpperCase() == "DIRECTOR") {
$('#submitDataBtn').show();
}
}
}
}
};
var elfinder = $('#elfinder').elfinder(options).elfinder('instance');
function parseToken (token) {
var base64Url = token.split('_')[1];
var folderPathDecoded = decodeBase64Url(base64Url);
return folderPathDecoded;
};
function decodeBase64Url(s) {
var e = {}, i, b = 0, c, x, l = 0, a, r = '', w = String.fromCharCode, L = s.length;
var A = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
for (i = 0; i < 64; i++) { e[A.charAt(i)] = i; }
for (x = 0; x < L; x++) {
c = e[s.charAt(x)]; b = (b << 6) + c; l += 6;
while (l >= 8) { ((a = (b >>> (l -= 8)) & 0xff) || (x < (L - 2))) && (r += w(a)); }
}
return r;
};
推荐阅读
- html - 背景位置和不透明度
- c# - 控制台应用程序在删除目录时冻结且没有错误
- python-3.x - 将函数返回值传递给另一个函数
- php - 如何修复“无法加载此类文件 - .../laravel/homestead/scripts/homestead.rb”错误
- android - 如何从编辑文本中获取最后一个字母并将其放入适配器
- python - 为什么在 Python 3.7 中明确使用时不使用变量
- postgresql - 用于 tryton 4.6 和 gnuhealth 的 Sao
- laravel-5.8 - 如何将 stream_id、stream_url、数据、状态发布到 Acrcloud 回调 url 并写入 txt 文件
- javascript - 是否可以将第 3 方重定向回 Meteor 移动应用程序?
- spring - 无法使用 Mockito 和 Spring 模拟方法