Промена на големината на сликата во лет

Речиси во секоја веб-апликација која користи слики, има потреба да се создаваат мали копии од овие слики, а често има и неколку формати за дополнителни слики.
Додавањето нови димензии на постоечка апликација, исто така, предизвикува некои главоболки. Оттука и задачата:

Задача

Да ја означиме листата на барања:

• Генерирајте дополнителни слики од какви било формати во лет без воведување дополнителна функционалност во апликацијата во секое време од постоењето на апликацијата;
• Дополнителни слики не треба да се генерираат на секое барање;
• Оневозможете ја можноста за генерирање дополнителни слики од неодредени формати.

Ќе ја објаснам последната точка, бидејќи таа малку е во спротивност со првата точка. Ако го направиме генерирањето на какви било слики отворени, тогаш постои можност за напад на страницата со генерирање на голем број барања за промена на големината на сликата во бесконечен број формати, така што оваа ранливост треба да се затвори.

nginx конфигурација за инсталација

За да ги решиме горенаведените барања, потребен ни е следниот сет на nginx модули:

• ngx_http_image_filter_module — за промена на големината на сликите;
• ngx_http_proxy_module - за кеширање;
• ngx_http_secure_link_module — за заштита од спам;

Модули ngx_http_image_filter_module и ngx_http_secure_link_module не се стандардно инсталирани, затоа мора да бидат наведени во фазата на конфигурација на инсталацијата nginx:

phoinix@phoinix-work:~/src/nginx-0.8.29
$ ./configure --with-http_secure_link_module --with-http_image_filter_module


nginx конфигурација

Додаваме нов во нашата конфигурација на домаќинот Локација и општи параметри на кешот:

...
    proxy_cache_path /www/myprojects/cache levels=1:2 keys_zone=image-preview:10m;
...
    server {
...
        location ~ ^/preview/([cir])/(.+) {
        # Тип операции
            set                         $oper $1;
        # Параметры изображения и путь к файлу
            set                         $remn $2;
        # Проксируем на отдельный хост
            proxy_pass                  http://myproject.ru:81/$oper/$remn;
            proxy_intercept_errors      on;
            error_page                  404 = /preview/404;
        # Кеширование
            proxy_cache                 image-preview;
            proxy_cache_key             "$host$document_uri";
        # 200 ответы кешируем на 1 день
            proxy_cache_valid           200 1d;
        # остальные ответы кешируем на 1 минуту
            proxy_cache_valid           any 1m;
        }
        
        # Возвращаем ошибку
        location = /preview/404 {
            internal;
            default_type                image/gif;
            alias                       /www/myprojects/image/noimage.gif;
        }
...
    }
...


Додаваме и нов домаќин на конфигурацијата:

server {
    server_name                     myproject.ru;
    listen                          81;

    access_log                      /www/myproject.ru/logs/nginx.preview.access_log;
    error_log                       /www/myproject.ru/logs/nginx.preview.error_log info;

    # Указываем секретное слово для md5
    secure_link_secret              secret;

    # Ошибки отправляем она отдельный location
    error_page                      403 404 415 500 502 503 504 = @404;

    # location Для фильтра size
    location ~ ^/i/[^/]+/(.+) {
        
        # грязный хак от Игоря Сысоева *
        alias                       /www/myproject.ru/images/$1;
        try_files                   "" @404;
    
        # Проверяем правильность ссылки и md5
        if ($secure_link = "") { return 404; }
        
        # Используем соответсвующий фильтр
        image_filter                size;
    }

    # По аналогии остальные location для других фильтров
    location ~ ^/c/[^/]+/(d+|-)x(d+|-)/(.+) {
        set                         $width  $1;
        set                         $height $2;
        
        alias                       /www/myproject.ru/images/$3;
        try_files                   "" @404;
    
        if ($secure_link = "") { return 404; }
    
        image_filter                crop  $width  $height;
    }
    
    location ~ ^/r/[^/]+/(d+|-)x(d+|-)/(.+) {
        set                         $width  $1;
        set                         $height $2;

        alias                       /www/myproject.ru/images/$3;
        try_files                   "" @404;

        if ($secure_link = "") { return 404; }

        image_filter                resize  $width  $height;
    }

    location @404 { return 404; }
}


Како резултат на тоа, дополнителни слики може да се добијат со помош на следните врски:

• myproject.ru/preview/i[md5]/[path_to_image]
• myproject.ru/preview/c[md5]/[големина]/[пат_до_слика]
• myproject.ru/preview/r[md5]/[големина]/[пат_до_слика]

* try_files — чувствителен на празни места и руски знаци, па морав да правам патерица алијас.

Користете во веб-апликација

На ниво на веб апликација, можете да ја направите следнава постапка (Perl):

sub proxy_image {
    use Digest::MD5     qw /md5_hex/;
    my %params = @_;
    my $filter = {
                    size    => 'i',
                    resize  => 'r',
                    crop    => 'c'            
                  }->{$params{filter}} || 'r';
    my $path = ($filter ne 'i' ?
                    ( $params{height} || '_' ) . 'x' . ( $params{width} || '_' ) . '/' :
                    ()
               ) . $params{source};
    my $md5 = md5_hex( $path . 'secret' );
    $path = '/preview/' . $filter . '/' . $md5 . '/' . $path;
    return $path;
}

my $preview_path = &proxy_image(
                    source  => 'image1.jpg',
                    height  => 100,
                    width   => 100,
                    filter  => 'resize'
                );


Иако јас би препорачал и пресметување на големини преглед.

Рејк

При бришење на оригиналната слика, прегледите, природно, нема да се избришат од кешот додека кешот не се поништи, а во нашиот случај, прегледите може да постојат и еден ден по бришењето, но ова е максималното време.

оригиналот

Извор: www.habr.com