Реалізація завантаження файлів (Upload) в мобільному додатку

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Реалізація завантаження файлів (Upload) в мобільному додатку
Простий
від 1 дня до 3 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495

Імплементація завантаження файлів (Upload) у мобільному застосунку

Завантаження файлу з мобільного пристрою виглядає як проста задача до першого краху на Android 10+ через зміну URI у FileProvider, або до першого відхиленого review в App Store через неправильний запит дозволів на медіатеку. Розберемось, що важливо зробити правильно.

Типові проблеми при реалізації

На Android основна біль — робота з content:// URI замість прямих шляхів до файлу. З Android 10 (API 29) прямий доступ до файлової системи обмежений, і спроби передати file:// шлях напрямку в Retrofit/OkHttp приводять до FileUriExposedException. Правильний підхід — читати файл через ContentResolver.openInputStream() і передавати потік, а не шлях.

На iOS доступ до фотобіблиотеки вимагає правильного Info.plist: NSPhotoLibraryUsageDescription для iOS 13 і нижче, PHPickerViewController для iOS 14+ (не вимагає дозволів на весь фотоальбом). Використання застарілого UIImagePickerController з .photoLibrary у 2024 році — прямий шлях до замічання від ревюєра Apple.

Реалізація

Multipart upload через Retrofit на Android:

@Multipart
@POST("upload")
suspend fun uploadFile(
    @Part file: MultipartBody.Part,
    @Part("description") description: RequestBody
): Response<UploadResponse>

// виклик:
val requestBody = file.asRequestBody("image/*".toMediaTypeOrNull())
val part = MultipartBody.Part.createFormData("file", file.name, requestBody)

Для великих файлів (відео, архіви) — потокова передача через RequestBody з переозначеним writeTo, щоб не грузити весь файл у пам'ять.

На iOS використовуємо URLSession.uploadTask(with:from:) або Alamofire:

AF.upload(
    multipartFormData: { form in
        form.append(fileURL, withName: "file")
    },
    to: "https://api.example.com/upload"
).uploadProgress { progress in
    print(progress.fractionCompleted)
}.responseDecodable(of: UploadResponse.self) { response in
    // обробляємо
}

Flutter: пакет dio з FormData і MultipartFile.fromFile(). Прогрес через onSendProgress.

Важливо окремо обробити прогрес завантаження — користувач має бачити ProgressBar/LinearProgressIndicator з реальними відсотками, а не спіннер. Скасування завантаження реалізується через CancellationToken (Kotlin) або Task (Swift/Alamofire).

Що входить у роботу

Вибір підходу (multipart, presigned S3 URL, chunked upload) залежить від розміру файлів та інфраструктури. Реалізуємо піккер файлів під платформу, обробку дозволів, відображення прогресу, повтор при помилці мережі.

Строк: 1–2 дні для стандартного випадку, до 4 днів якщо потрібен chunked upload з resumable поведінкою.