How to Save Image and Video Files in Download Folder on Flutter

In this example, we are going to show you how to save media files like images and video from network URL to download folder on local storage using Flutter. It supports PNG, JPG, MP4, and other media formats. You can also add the progress bar feature while downloading.

First, you need to add downloads_path_provider_28permission_handlerdio Flutter packages in your project by adding the following lines in pubspect.yaml file.

    sdk: flutter
  downloads_path_provider_28: ^0.1.2
  permission_handler: ^8.3.0
  dio: ^4.0.4

Add Read and Write Permission on AndroidManifest.xml file:

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Also, Add this attribute on the <application> tag in AndroidManifest.xml file:


import 'package:dio/dio.dart';
import 'package:downloads_path_provider_28/downloads_path_provider_28.dart';
import 'package:flutter/material.dart';
import 'package:permission_handler/permission_handler.dart';

void main() {
  runApp( MaterialApp(
       home: Home()

class Home extends  StatefulWidget {
  State<Home> createState() => _HomeState();

class _HomeState extends State<Home> {

  String imgurl = "";
  //you can save video files too.
  Widget build(BuildContext context) {
    return Scaffold(
         resizeToAvoidBottomInset: false,
         appBar: AppBar(
            title: Text("Download Image from URL"),
            backgroundColor: Colors.deepPurpleAccent,
          body: Container(
             child: Column(
                 children: [
            , height: 150,),
                         onPressed: () async {
                            Map<Permission, PermissionStatus> statuses = await [
                                //add more permission to request here.

                                var dir = await DownloadsPathProvider.downloadsDirectory;
                                if(dir != null){
                                      String savename = "banner.png";
                                      String savePath = dir.path + "/$savename";
                                      //output:  /storage/emulated/0/Download/banner.png

                                      try {
                                          await Dio().download(
                                              onReceiveProgress: (received, total) {
                                                  if (total != -1) {
                                                      print((received / total * 100).toStringAsFixed(0) + "%");
                                                      //you can build progressbar feature too
                                           print("Image is saved to download folder.");  
                                     } on DioError catch (e) {
                               print("No permission to read and write.");

                         child: Text("Save Image on Gallery."),


You can use this code for the video, just replace the URL and the file name.

Screen components:

Saved Media info in Local Storage:

In this way, you can save media files like images and videos from URL to downloads folder in local storage.

No any Comments on this Article

Please Wait...