CKEdidor return 多个选定的文件

CKEdidor return multiple selected files

我正在 Web 项目中使用 CKFinder 3,如 CKFinder Website 中所述,我的问题是我无法 return 多个 selected 图像。问题是,当我 select 多个图像时,只有第一个被 returned。 有没有办法 return 多个文件?

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;
            } );
        }
    } );

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

  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> ```