Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CKFinder在选择图像(文件:choose)时如何获取维度URL和维度(宽度/高度)?_Javascript_Ckeditor_Ckfinder - Fatal编程技术网

Javascript CKFinder在选择图像(文件:choose)时如何获取维度URL和维度(宽度/高度)?

Javascript CKFinder在选择图像(文件:choose)时如何获取维度URL和维度(宽度/高度)?,javascript,ckeditor,ckfinder,Javascript,Ckeditor,Ckfinder,我使用的是CkFinder 3,成功上传图像后,用户点击“选择”按钮后,我需要能够检测到图像: 文件名/id 网址 原始图像的宽度和高度 目前我正在使用文件:选择,但我找不到有关cb事件的此信息 你知道怎么解决吗?请提供一个代码示例,谢谢 CKFinder.modal( { connectorPath: 'https://api.mysite.com/lib/ckfinder/core/connector/php/connector.php', res

我使用的是CkFinder 3,成功上传图像后,用户点击“选择”按钮后,我需要能够检测到图像:

  • 文件名/id
  • 网址
  • 原始图像的宽度和高度
目前我正在使用
文件:选择
,但我找不到有关cb事件的此信息

你知道怎么解决吗?请提供一个代码示例,谢谢

    CKFinder.modal( {
        connectorPath: 'https://api.mysite.com/lib/ckfinder/core/connector/php/connector.php',
        resizeImages: false, 
        startupFolderExpanded: true,
        chooseFiles: true,
        width: 1000,
        height: 800,
        language: 'en',
        onInit: function( finder ) {
            finder.on( 'files:choose', function( evt ) {
            } );
        }
    } );
以事件描述为例。用户可以在
evt.data.files
中选择

棘手的部分是(使用请求)从服务器获取映像维度,因为它需要处理带有承诺的异步代码

假设您只允许上传图像,示例代码如下:

// Listen to event.
finder.on( 'files:choose', function( evt ) {
    // Iterate over the files collection.
    evt.data.files.forEach( function( file ) {
        // Send command to the server.
        finder.request( 'command:send', {
            name: 'ImageInfo',
            folder: file.get( 'folder' ),
            params: { fileName: file.get( 'name' ) }
        } ).done( function( response ) {
            // Process server response.
            if ( response.error ) {
                // Some error handling.
                return;
            }

            // Log image data:
            console.log( '-------------------' );
            console.log( 'Name:', file.get( 'name' ) );
            console.log( 'URL:', file.getUrl() );
            console.log( 'Dimensions:', response.width + 'x' + response.height );
            console.log( 'Size:', response.size + 'B' );
        } );
    } );
} )
如果您使用的是任何远程后端,如us Dropbox,则可能需要使用请求来获取文件的URL