时间戳

首页 > 解决方案 > CKEditor 返回多个选定的文件

javascript - CKEditor 返回多个选定的文件

问题描述

我在CKFinder 网站上描述的 Web 项目中使用 CKFinder 3我的问题是我无法返回多个选定的图像。问题是当我选择多个图像时，只返回第一个。有没有办法返回多个文件？

var button1 = document.getElementById( 'ckfinder-popup-1' );
var button2 = document.getElementById( 'ckfinder-popup-2' );

button1.onclick = function() {
    selectFileWithCKFinder( 'ckfinder-input-1' );
};
button2.onclick = function() {
    selectFileWithCKFinder( 'ckfinder-input-2' );
};

function selectFileWithCKFinder( elementId ) {
    CKFinder.modal( {
        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;
            } );
        }
    } );

标签： javascriptjqueryckfinder

解决方案

我找到了一种方法。唯一的遗憾是您无法调整图像大小。 

  var button1 = document.getElementById( 'ckfinder-popup-1' );

button1.onclick = function() {
    selectFileWithCKFinder( 'ckfinder-input-1' );
};


function selectFileWithCKFinder( elementId ) {
    CKFinder.modal( {
        chooseFiles: true,
        width: 800,
        height: 600,
        onInit: function( finder ) {
            finder.on( 'files:choose', function( evt ) {


        var url='';
        for(i = 0; i < evt.data.files.models.length  ; i++){
          var file = evt.data.files.models[i];

          var tempurl = file.getUrl();

          url +=','+tempurl;
        }

        var output = document.getElementById( elementId );
                output.value = url;


            } );

            finder.on( 'file:choose:resizedImage', function( evt ) {
        var url='';
        for(i = 0; i < evt.data.files.models.length  ; i++){
          var file = evt.data.files.models[i];

          var tempurl = file.getUrl();

          url +=','+tempurl;
        }

        var output = document.getElementById( elementId );
                output.value = url;
            } );
        }
    } );
}
  </script> ```

推荐阅读