CKEdidor返回多个选择的文件

我在一个网页项目中使用CKFinder 3,如上文所述。CKFinder网站 我的问题是,我不能返回多个选择的图像,问题是当我选择多个图像时,只返回第一个。问题是当我选择多个图片时,只返回第一个。有什么方法可以返回多个文件吗?

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

给TA打赏
共{{data.count}}人
人已打赏
解决方案

如何在JavaScript中对动态创建的对象进行样式设计?

2022-5-14 6:00:06

解决方案

Max()花了相当长的时间,有什么替代的方法来写这个查询吗?

2022-5-14 6:00:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索