1

我将 CKFinder 与 CKEditor 结合使用，但也用作独立的文件输入图像弹出窗口。因此，当有人单击“上传”按钮时，会出现一个新的弹出窗口，其中有人可以选择要上传的图像/文件/Flash 文件。对于“头像”字段，我只需要选择图像文件。不应该选择其他文件类型。我怎样才能得到这个工作？在文档中，我找不到非常有用的信息。

在 CKEditor 中，只能从 CKFinder 弹出窗口中选择图像或文件，但在独立版本的 CKFinder 中似乎忘记了相同的选项。我需要实现“ckfinder.html?type=Image”，但我不想修改 ckfinder.js，因为这也会影响其他文件弹出对话框，其中有人应该能够选择甚至图像作为文件。

我在弹出示例中包含 CKFinder：

var finder = new CKFinder();
finder.basePath = '../';    // The path for the installation of CKFinder (default = "/ckfinder/").
finder.selectActionFunction = SetFileField;
finder.popup();

在此先感谢您的帮助！

4

1 回答 1

0

你应该试试看， *

加载图像

是按钮选择文件的 id，

图片网址

是文本链接的 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;
            });
        }
    });
}
于 2017-09-08T20:40:05.160 回答