[SmartEditor] WebP 이미지 사용하기 > 기술자료

• 목록

스마트에디터에서 WebP 파일을 업로드하고 이미지로 인식하도록 하는 방법입니다


1-1. smarteditor / photo_uploader / popup / js / basic.js  25줄
filter : /^(image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png)$/i,

를 아래와 같이 변경

filter: /^(image\/bmp|image\/gif|image\/jpg|image\/jpeg|image\/png|image\/webp)$/i,


1-2. smarteditor / photo_uploader / popup / js / basic.js  224줄
acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png)$/i,

를 아래와 같이 변경

acceptFileTypes: /(\.|\/)(gif|jpe?g|bmp|png|webp)$/i,


2. SmartEditor / photo_uploader / popup / js / jquery.fileupload.js  1287줄
file_types_description : "Image Files (JPG, JPEG, PNG, BMP, GIF)",

를 아래와 같이 변경

file_types_description : "Image Files (JPG, JPEG, PNG, BMP, GIF, WEBP)",


3-1. SmartEditor / photo_uploader / popup / php / UploadHandler.php  28줄
        "image/png"       => array("imagecreatefrompng", "imagepng"),

아래에 내용 추가

        "image/webp"      => array("imagecreatefromwebp", "imagewebp"),


3-2. SmartEditor / photo_uploader / popup / php / UploadHandler.php  97, 100, 108줄
'/\.(gif|jpe?g|bmp|png)$/i',

를 검색해서 아래와 같이 변경

'/\.(gif|jpe?g|bmp|png|webp)$/i',


3-3. SmartEditor / photo_uploader / popup / php / UploadHandler.php  502줄
preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) {

를 아래와 같이 변경

preg_match('/^image\/(gif|jpe?g|png|webp)/', $type, $matches)) {


3-4. SmartEditor / photo_uploader / popup / php / UploadHandler.php  516줄
                case IMAGETYPE_GIF:
                    $extensions = array('gif');
                    break;

아래에 내용 추가
                case IMAGETYPE_WEBP:
                    $extensions = array('webp');
                    break;


3-5. SmartEditor / photo_uploader / popup / php / UploadHandler.php  708줄
            case 'png':
                $src_func = 'imagecreatefrompng';
                $write_func = 'imagepng';
                $image_quality = isset($options['png_quality']) ?
                $options['png_quality'] : 9;
                break;

아래에 내용 추가
            case 'webp':
                $src_func = 'imagecreatefromwebp';
                $write_func = 'imagewebp';
                $image_quality = null;
                break;


3-6. SmartEditor / photo_uploader / popup / php / UploadHandler.php  1306줄
            case 'gif':
                return 'image/gif';

아래에 내용 추가
            case 'webp':
                return 'image/webp';


4. SmartEditor / photo_uploader / popup / swfupload / handlers.js  290, 324줄
/\.(jpg|png|gif)$/i;
를 검색해서 변경
/\.(jpg|png|gif|webp)$/i;