Javascript 独立CKFinder:如何仅在文件对话框弹出窗口中选择图像?
我将CKFinder与CKEditor结合使用,但也作为独立的文件输入图像弹出窗口。因此,当有人单击“上载”按钮时,会出现一个新的弹出窗口,其中有人可以选择要上载的图像/文件/闪存文件。 对于“化身”字段,我只需要选择图像文件。不能选择其他文件类型。我怎样才能让它工作?在文档中我找不到非常有用的信息 在CKEditor中,只能从CKFinder弹出窗口中选择图像或文件,但在独立版本的CKFinder中,似乎忘记了相同的选项。 我需要实现“ckfinder.html?type=Image”,但我不想修改ckfinder.js,因为这也会影响其他文件弹出对话框,在这些对话框中,用户甚至可以选择图像作为文件 我在弹出示例中包括了类似CKFinder的内容:Javascript 独立CKFinder:如何仅在文件对话框弹出窗口中选择图像?,javascript,file-upload,popup,ckfinder,Javascript,File Upload,Popup,Ckfinder,我将CKFinder与CKEditor结合使用,但也作为独立的文件输入图像弹出窗口。因此,当有人单击“上载”按钮时,会出现一个新的弹出窗口,其中有人可以选择要上载的图像/文件/闪存文件。 对于“化身”字段,我只需要选择图像文件。不能选择其他文件类型。我怎样才能让它工作?在文档中我找不到非常有用的信息 在CKEditor中,只能从CKFinder弹出窗口中选择图像或文件,但在独立版本的CKFinder中,似乎忘记了相同的选项。 我需要实现“ckfinder.html?type=Image”,但我不
var finder = new CKFinder();
finder.basePath = '../'; // The path for the installation of CKFinder (default = "/ckfinder/").
finder.selectActionFunction = SetFileField;
finder.popup();
提前感谢您的帮助 你应该试试看,
*
加载映像
是按钮选择文件的id
picUrl
是文本链接的id
$('#LoadImage').click(function () {
var finder = new CKFinder();
finder.selectActionFunction = function (fileUrl) {
fileUrl = fileUrl.substring(fileUrl.lastIndexOf("/") + 1);
$('#picUrl').val = (fileUrl);
}
selectFileWithCKFinder('picUrl');
})
function selectFileWithCKFinder(elementId) {
CKFinder.popup({
chooseFiles: true,
width: 800,
height: 600,
onInit: function (finder) {
finder.on('files:choose', function (evt) {
var file = evt.data.files.first();
var output = document.getElementById(elementId);
output.value = file.getUrl();
});
finder.on('file:choose:resizedImage', function (evt) {
var output = document.getElementById(elementId);
output.value = evt.data.resizedUrl;
});
}
});
}
这个问题有点难理解,但我认为您需要一个只允许图像的连接器配置。我实际上有两个CKFinder设置,现在我正在评估CKFinder的使用情况。这非常烦人,但我不知道如何在连接器配置之间动态选择。