flutter 文件下载及存储路径

flutter 文件下载及存储路径

• 前言
• 一、下载进度条
• 二、文件路径
• 二、文件上传
• 总结

  ---

  前言

  日常开发中，经常会遇到下载文件的功能，往往我们在需要保存文件的路径上去调试，比如Android中的路径，有些会报错在SD卡中，但是有些手机，又没有SD卡，那么我们该怎么办呢？

  ---

  一、下载进度条

  为了功能的完善，往往需要一个下载的进度条，当然，UI怎么美化不管，核心代码如下：

  Container(
          padding: EdgeInsets.symmetric(horizontal: 32.w),
          height: Get.height,
          alignment: Alignment.center,
          child: Obx(
            () => Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.all(
                  Radius.circular(4.r),
                ),
                color: Colors.white,
              ),
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Padding(
                    padding: EdgeInsets.only(top: 22.h, bottom: 4.h),
                    child: Text(
                      '发送文件',
                      style: TextStyles.normalTextStyle(
                        fontSize: 17.sp,
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ),
                  Container(
                    width: Get.width,
                    padding:
                        EdgeInsets.only(right: 24.w, left: 24.w, bottom: 12.h),
                    child: Column(
                      children: [
                        Padding(
                          padding: EdgeInsets.only(
                            top: 8.h,
                            bottom: 12.h,
                          ),
                          child: Text(
                            controller.scheduleLoad.value != '100'
                                ? '文件正在下载中,请稍候'
                                : '文件已下载完成',
                            style: TextStyles.normalTextStyle(
                              fontSize: 14.sp,
                              color: Colours.textGrey9,
                            ),
                          ),
                        ),
                        InkWell(
                          onTap: controller.scheduleLoad.value == '100'
                              ? () {
                                  shareDialog(title);
                                }
                              : null,
                          child: Container(
                            height: 74.h,
                            alignment: Alignment.center,
                            child: SizedBox(
                              height: 40.h,
                              child: Stack(
                                children: [
                                  ClipRRect(
                                    borderRadius:
                                        BorderRadius.all(Radius.circular(20.r)),
                                    child: SizedBox(
                                      height: 40.h,
                                      child: LinearProgressIndicator(
                                        value: double.tryParse(
                                            controller.scheduleLoad.value),
                                        backgroundColor: Colours.blueBtnBg02,
                                        valueColor: const AlwaysStoppedAnimation(
                                          Colors.blue,
                                        ),
                                      ),
                                    ),
                                  ),
                                  Center(
                                    child: Text(
                                      controller.scheduleLoad.value != '100'
                                          ? "下载进度${controller.scheduleLoad.value}%"
                                          : '分享文件',
                                      textAlign: TextAlign.center,
                                      style: TextStyles.normalTextStyle(
                                        color: Colors.white,
                                        fontSize: 14.sp,
                                      ),
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
        )
  

  上面的代码中，定义了一个视图，用来展示下载进度的信息，这里我使用的是getx 的状态管理，直接使用Obx进行下载数据的实时监听刷新。

  二、文件路径

  首先我们需要传入一个文件的下载路径，然后使用三方插件path_provider来获取文件的路径。

      if (filePath != null) {
        String? docPath;
        if (Platform.isAndroid) {
          docPath = "/storage/emulated/0/Download/";
          Directory dir = Directory(docPath);
          try {
             dir.listSync();
          }catch (e){
            // 一些系统没有权限
            docPath = (await getExternalStorageDirectory())?.path;
            docPath = '$docPath/';
          }
        } else {
          docPath = (await getTemporaryDirectory()).path;
          docPath = docPath.replaceFirst("Library/Caches", "Documents/");
        }
        loadFilePath = '$docPath$name.docx';
      }
  

  上面的代码中，docPath 定义的一个路径，字面意思就是模拟器中的外部下载文件路径，但是在有些手机中，没有外部SD卡，那么我们再获取一下当前设备的内部SD卡路径， (await getTemporaryDirectory()).path， 其实getTemporaryDirectory 字面意思也是获取的外部存储路径，但是在没有外部SD卡的时候，他会获取内部的存储路径。

  二、文件上传

  文件上传部分，直接使用Dio 中封装好的方法就行

        await Dio()
            .download(filePath, loadFilePath, onReceiveProgress: (int received, int total) {
          if (total != -1) {
            scheduleLoad.value = (received / total * 100).toStringAsFixed(0);
          }
        });
  

  到此为止，整个文件的下载保存功能就做完了，可以直接在手机的下载文件目录中查看下载的文件

  ---

  总结