Switch to English?
Yes
Переключитись на українську?
Так
Переключиться на русскую?
Да
Przełączyć się na polską?
Tak
Розмістіть свій проєкт безплатно та почніть отримувати пропозиції від фрилансерів-виконавців уже через хвилини після публікації!

Інтеграція конвертації HEIC, прев'ю та кропера на фронтенд (Сайт оголошень

Translated1346 UAH

  1. 6589    28  0
    3 дні1346 UAH

    Чиста фронтенд-завдання: heic2any для конвертації, Cropper.js для обрізки, прев'ю-галерея та лоадер на час обробки. Все впроваджується в .tpl/.php шаблон форми без втручання в бекенд — на виході бекенд отримує готовий JPG через існуючий upload-скрипт.

    Зроблю за 2–3 дні, 30 USD.

    Шаблон форми завантаження на jQuery чи Vanilla JS?

  2. 404    2  0
    7 днів8974 UAH

    Привіт! Буду радий співпраці з вами. Мій досвід розробки веб-додатків JavaScript Vanilla JS / jQuery понад 15 років. Портфоліо: Freelancehunt

  3. 421  
    10 днів7852 UAH

    Привіт! Я уважно прочитав бриф, і обсяг роботи чітко визначений. Це чисто фронтенд завдання — без змін на бекенді, без роботи з базою даних, без знань про движок Tamaranga. Просто чистий JavaScript, вставлений у правильний шаблонний файл. Дозвольте мені пояснити, як я це реалізую.
    Технічний підхід
    Крок 1 — Знайти шаблон завантаження
    Спочатку я визначу правильний .tpl або .php шаблонний файл, який обробляє форму подачі/редагування оголошення — зокрема, елемент введення файлу для завантаження фото. Це єдиний інтеграційний пункт для всієї функціональності нижче.
    Крок 2 — Конвертація HEIC у JPG
    Використовуючи бібліотеку heic2any, завантажену через CDN — без інструментів збірки, без залежностей, просто вставляється в будь-який шаблон. Коли користувач вибирає файли .heic або .heif, конвертація запускається автоматично під час події зміни, перш ніж відбудеться щось інше. Вся конвертація відбувається на стороні клієнта — сервер ніколи не бачить HEIC файл.
    Крок 3 — Індикатор завантаження
    Чистий візуальний індикатор з'являється в момент початку конвертації і зникає, коли вона завершена. Простий CSS спінер або накладка прогресу — оформлений у стилі вашої існуючої теми. Для кількох файлів кожен файл показує свій власний статус конвертації, щоб користувач точно знав, що обробляється.
    Крок 4 — Галерея попереднього перегляду
    Після конвертації (або для стандартних JPG/PNG файлів) мініатюри відображаються в сітці попереднього перегляду під елементом введення файлу. Кожна мініатюра показує:
    Попередній перегляд зображення
    Ім'я файлу та розмір
    Кнопка видалення для скасування вибору перед завантаженням
    Кнопка обрізки для відкриття обрізувача для цього конкретного зображення
    Крок 5 — Інтеграція Cropper.js
    Натискання на обрізку на будь-якій мініатюрі попереднього перегляду відкриває модальне вікно з ініціалізованим Cropper.js на цьому зображенні. Користувач може:
    Перетягувати для зміни позиції
    Змінювати розмір області обрізки
    Підтвердити обрізку → обрізана версія замінює оригінал у попередньому перегляді
    Результат
    Один добре прокоментований JavaScript файл (і мінімальний CSS для індикатора завантаження та модального вікна), який ви вставляєте у свою тему. Інструкції з реалізації включені, щоб ваша команда знала, до якого рядка шаблону додати посилання на скрипт. Код буде написаний на Vanilla JS — без залежностей від фреймворків, сумісний з шаблонами на основі jQuery без конфліктів.
    Одне питання перед початком:
    Чи використовує ваша тема Tamaranga jQuery чи чистий Vanilla JS? Це визначає, чи використовую я $.ajax від jQuery для подачі форми або рідний Fetch API — обидва працюють, просто хочу відповідати тому, що вже є в шаблоні, щоб уникнути конфліктів бібліотек.

Актуальні фриланс-проєкти в категорії Java

Розробка веб-платформи для трейдингу з інтеграцією даних SBPro, відображенням кластерів, ліквідності

озробка веб-платформи для трейдингу з інтеграцією даних SBPro, відображенням кластерів, ліквідності, великих лімітних заявок (Clouds), HeatMap та автоматичними налаштуваннями індикаторів для різних таймфреймів Етап 1. Підключення до Transaq API Отримання ринкових даних у…

JavaВеб-програмування ∙ 2 дні 7 годин тому ∙ 44 ставки

Кастомізація екрана завантаження та меню Minecraft 1.12.2 (Tech Survival)

890 UAH

Потрібно доопрацювати готовий клієнт Minecraft 1.12.2 з модами та впровадити власний дизайн інтерфейсу в стилі технічного виживання (Industrial / Tech Survival).Що потрібно зробити1. Кастомний екран завантаження модів Необхідно замінити стандартний екран завантаження…

JavaРозробка ігор ∙ 3 дні 2 години тому ∙ 6 ставок

Інтеграція в CRM модулів сканерів стоматологій

27 000 UAH

Ми розробили CRM систему для взаємодії з зубними лікарями та лабораторіями. Потрібно інтегрувати сервіси iTero, sirona, medit та інші, щоб файли підтягуються автоматично

AI та машинне навчанняJava ∙ 3 дні 3 години тому ∙ 27 ставок

Розробка простих 2D-ігор (Змійка, Галактика тощо) під Google Play Market

Вітаю! Шукаю розробника (або початківця з хорошою базою), який зможе створити кілька простих класичних 2D-ігор під мобільну платформу Android з подальшою публікацією в Play Market.Для старту потрібно розробити одну-дві гри. Приклади сеттингу та механік: класична «Змійка»…

JavaРозробка ігор ∙ 5 днів 6 годин тому ∙ 19 ставок

Створення додатку

Бажаю створити мобільний додаток для спілкування, в застосунку має бути аудіо,відео дзвінок, створення групових чатів,можливість синхронізувати з контактами телефону, налаштуваннями акаунта: привязка по мейлу, 2фа, номеру телефону,можливість налаштовувати сповіщення…

JavaPython ∙ 10 днів тому ∙ 41 ставка

Замовник
Hanbi Has
Монголія Улан-Батор
Проєкт опублікований
1 місяць 12 днів тому
22 перегляди
Мітки
  • jquery
  • javascript
  • Cropper.js
  • heic2any