Javascript CKFinder在选择图像(文件:choose)时如何获取维度URL和维度(宽度/高度)?
我使用的是CkFinder 3,成功上传图像后,用户点击“选择”按钮后,我需要能够检测到图像: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
- 文件名/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