[3.2][3.3] Image Upload 1.1.8

[Aleksej2000]

Название расширения:Image Upload
Автор: dmzx
Описание расширения: Это расширение добавляет систему загрузки изображений на вашу конференцию, что позволяет размещать изображения непосредственно с сервера, на котором установлена ваша конференция, минуя сторонние сайты.
Разрешенные форматы изображений 'gif', 'jpg', 'jpeg', 'png'
Права доступа на уровне групп. По умолчанию только администраторы могут загружать изображения..
Скачать: https://www.dmzx-web.net/downloadsystemdownload?id=429
github https://github.com/dmzx/Image-Upload
http://www.dmzx-web.net/viewtopic.php?f=49&t=2464
Язык: en, de, es, nl, pt_br, ru - Русский

NB! Только ручная установка. Не пользоваться [release] Загрузка Расширений (Upload Extensions) 3.1.2

Siava, Спасибо, идея хорошая. Все сделал, но при загрузке пишет, что не удалось загрузить. В чем может быть ошибка?

[southklad]

Честно я так и не понял в чем прикол и разница от обычной загрузки?

[ronim]

igorbond, Там 4 варианта ссылок на картинку ,я думаю это для сторонних размещений, которые не входят в PHPBB,
плюс эта ссылка отделена от всех тем на всех форумах и на неё будет ограничений

[er107]

Честно я так и не понял в чем прикол и разница от обычной загрузки?

Для юзеров очень удобно картинки загружать, я использую на своем форуме, и большинство пользуется именно такой загрузкой. Интуитивно понятно, как это делать, а до установки этого расширения многие картинки вставляли ссылками на картинкохостинги, теперь перестали.

[Beer]

Вариант с Drag & Drop imageupload_body.html

Код: Выделить всё

{% INCLUDE 'overall_header.html' %}
<style type="text/css">
  div#asideblock, div#page-header, div#sidebar-right, div#page-footer, .phpbb-ads-center{display:none!important;}
  .panel.bg2{margin-bottom:0!important;}
  div#wrap{border:none;}

  #drop-area{border:2px dashed #ccc;border-radius:10px;padding:20px;text-align:center;cursor:pointer;}
  #drop-area.hover{border-color:#000;background-color:#f0f0f0;}
</style>
<form method="post" id="add_imageupload" enctype="multipart/form-data">
    <div class="panel" id="showdiv">
        <div class="inner">
            <h2>{{ lang('IMAGEUPLOAD_UPLOAD_SECTION') }}</h2>
            <p>{{ lang('IMAGEUPLOAD_UPLOAD_MESSAGE') }}</p>
            <p>{{ IMAGEUPLOAD_ALLOWED_SIZE }}</p>
            <div id="drop-area">
                <p><b>Или перетащите файл сюда:</b></p>
                <dl>
                    <dt><label>{{ lang('IMAGEUPLOAD_NEW_FILENAME') }}{{ lang('COLON') }}</label> <input class="inputbox autowidth" type="file" name="filename" size="52" id="file-input" /></dt>
                    <dd><label>{{ lang('ALLOWED') }} {{ lang('EXTENSION') }}{{ lang('COLON') }}</label>{{ IMAGEUPLOAD_ALLOWED_EXT }}</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="panel bg2">
        <div class="inner">
            <fieldset class="submit-buttons">
                <input class="button1" id="submit" name="submit" value="{{ lang('SUBMIT') }}" type="submit" />&nbsp;
                {{ S_FORM_TOKEN }}
            </fieldset>
        </div>
    </div>
</form>

{% if FILENAME %}
<div class="panel bg2">
    <div class="inner center">
        <fieldset class="fields2">
            <h4 id="showdiv">{{ lang('IMAGEUPLOAD_SUCCEEDED') }} [{{ WIDTH }} {{ lang('PIXEL') }} * {{ HEIGHT }} {{ lang('PIXEL') }} - {{ SIZE }}]</h4>
            <p id="codes">
                {% if IMAGEUPLOAD_ENABLE_DIRECT_LINK %}
                <label id="codehtml">{{ lang('IMAGEUPLOAD_DIRECT_LINK') }}{{ lang('COLON') }}</label>
                <input type="text" value="[spoiler=Photo][img]https://vodkomotornik.ru/forum{FILENAME}[/img][/spoiler]" id="img-spoiler" /><i class="buttoncopy" data-copytarget="#img-spoiler">{L_IMAGEUPLOAD_COPY}</i><br />
                {% endif %}
                {% if IMAGEUPLOAD_ENABLE_URL_LINK %}
                <label id="codehtml">{{ lang('IMAGEUPLOAD_URL_LINK') }}{{ lang('COLON') }}</label>
                <input type="text" value="[url=.{{ FILENAME }}]{{ lang('IMAGEUPLOAD_BY') }} {{ SITENAME }}[/url]" id="url" /><i class="buttoncopy" data-copytarget="#url">{{ lang('IMAGEUPLOAD_COPY') }}</i><br />
                {% endif %}
                {% if IMAGEUPLOAD_ENABLE_IMG_LINK %}
                <label id="codehtml">{{ lang('IMAGEUPLOAD_IMG_LINK') }}{{ lang('COLON') }}</label>
                <input type="text" value="[img].{{ FILENAME }}[/img]" id="img" /><i class="buttoncopy" data-copytarget="#img">{{ lang('IMAGEUPLOAD_COPY') }}</i><br />
                {% endif %}
                {% if IMAGEUPLOAD_ENABLE_URL_IMG_LINK %}
                <label id="codehtml">{{ lang('IMAGEUPLOAD_URLIMG_LINK') }}{{ lang('COLON') }}</label>
                <input type="text" value="[pic=NAME].{{ FILENAME }}[/pic]" id="pic" /><i class="buttoncopy" data-copytarget="#pic">{{ lang('IMAGEUPLOAD_COPY') }}</i><br />
                {% endif %}
    
                <div id="showdiv">
                    <img id="upload" src=".{{ FILENAME }}" title="{{ lang('IMAGEUPLOAD_BY') }} {{ SITENAME }}" /><br />
                </div>
            </p>
        </fieldset>
    </div>
</div>
{% endif %}

{% if S_IMAGEUPLOAD_ENABLE_MULTI %}
{% INCLUDE 'imageupload_multi_upload.html' %}
{% endif %}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
    var dropArea = $('#drop-area');
    var fileInput = $('#file-input');

    dropArea.on('dragover', function(e) {
        e.preventDefault();
        dropArea.addClass('hover');
    });

    dropArea.on('dragleave', function(e) {
        e.preventDefault();
        dropArea.removeClass('hover');
    });

    dropArea.on('drop', function(e) {
        e.preventDefault();
        dropArea.removeClass('hover');
        var files = e.originalEvent.dataTransfer.files;
        if (files.length > 0) {
            fileInput[0].files = files;
            $('#add_imageupload').submit();
        }
    });

    dropArea.on('click', function() {
        fileInput.click();
    });

    fileInput.on('change', function() {
        if (fileInput[0].files.length > 0) {
            $('#add_imageupload').submit();
        }
    });
});
</script>

{% INCLUDE 'overall_footer.html' %}