Загрузка изображений. Библиотека DropzoneJS. Часть 6

Загрузка изображений. Библиотека DropzoneJS

От автора: приветствую вас, друзья. Итак, мы продолжаем реализацию функционала современной загрузки изображений на сервер и прикреплению загруженных файлов к записям. Итак, функционал управления базовым изображением готов. Мы можем загружать, сохранять и удалять изображение. В этом уроке мы еще немного настроим объект dropzone и добавим возможность ресайза изображений на клиенте перед отправкой его на сервер.

скачать исходники

Бесплатный курс «Full-Stack практика»

Изучите курс и создайте веб-приложение с нуля на JavaScript, NodeJS, ExpressJS

Получить курс

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (6)

  1. Дмитрий

    Андрей, добрый вечер.

    После загрузки файла отображается информация о размере и название файла, получается что на сервере она отличается, можно поменять эту информацию? К примеру от сервера в ответе на Ajax запрос могу передать верные размер и название, а как в DropZone поменять не нашёл, подскажите пожалуйста)

    • Андрей

      Здравствуйте, Дмитрий. А даже и не знаю. У меня такой задачи не возникало, поэтому конкретного решения не подскажу. Здесь нужно смотреть документацию и, возможно, копаться в коде библиотеки. Из документации я вижу, что за показ этих данных отвечает этот элемент шаблона:
      <div class="dz-size" data-dz-size></div>
      соотвественно, можно попробовать работать с ним, вставляя методом text() данные о размере из ответа сервера.

  2. Дмитрий

    Получилось, размер решил убрать, а название вывелось:
    $(‘.dz-size’).remove();
    $(‘.dz-filename span’).text( res.success );

  3. muminjon494@gmail.com

    Добрый вечер! Больше спасибо за уроки! Когда будет урок по галерея то есть загрузка множественная картинок? Ещё есть предложения записывайте урок по поворот изображения на задний угол асинхронно к примеру как на сайте авито когда картинка загружается появится две кнопки поворот и удаления.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree