-
-
Notifications
You must be signed in to change notification settings - Fork 3.7k
/
utils.js
84 lines (74 loc) · 2.7 KB
/
utils.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
/**
* @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module image/imageupload/utils
*/
/* global fetch, File */
/**
* Creates a regular expression used to test for image files.
*
* const imageType = createImageTypeRegExp( [ 'png', 'jpeg', 'svg+xml', 'vnd.microsoft.icon' ] );
*
* console.log( 'is supported image', imageType.test( file.type ) );
*
* @param {Array.<String>} types
* @returns {RegExp}
*/
export function createImageTypeRegExp( types ) {
// Sanitize the MIME type name which may include: "+", "-" or ".".
const regExpSafeNames = types.map( type => type.replace( '+', '\\+' ) );
return new RegExp( `^image\\/(${ regExpSafeNames.join( '|' ) })$` );
}
/**
* Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.
*
* @param {module:engine/view/element~Element} image Image whose source to fetch.
* @returns {Promise.<File>} A promise which resolves when an image source is fetched and converted to a `File` instance.
* It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.
*/
export function fetchLocalImage( image ) {
return new Promise( ( resolve, reject ) => {
const imageSrc = image.getAttribute( 'src' );
// Fetch works asynchronously and so does not block browser UI when processing data.
fetch( imageSrc )
.then( resource => resource.blob() )
.then( blob => {
const mimeType = getImageMimeType( blob, imageSrc );
const ext = mimeType.replace( 'image/', '' );
const filename = `image.${ ext }`;
const file = new File( [ blob ], filename, { type: mimeType } );
resolve( file );
} )
.catch( reject );
} );
}
/**
* Checks whether a given node is an image element with a local source (Base64 or blob).
*
* @param {module:engine/view/node~Node} node The node to check.
* @returns {Boolean}
*/
export function isLocalImage( node ) {
if ( !node.is( 'element', 'img' ) || !node.getAttribute( 'src' ) ) {
return false;
}
return node.getAttribute( 'src' ).match( /^data:image\/\w+;base64,/g ) ||
node.getAttribute( 'src' ).match( /^blob:/g );
}
// Extracts an image type based on its blob representation or its source.
//
// @param {String} src Image `src` attribute value.
// @param {Blob} blob Image blob representation.
// @returns {String}
function getImageMimeType( blob, src ) {
if ( blob.type ) {
return blob.type;
} else if ( src.match( /data:(image\/\w+);base64/ ) ) {
return src.match( /data:(image\/\w+);base64/ )[ 1 ].toLowerCase();
} else {
// Fallback to 'jpeg' as common extension.
return 'image/jpeg';
}
}