当前位置: 首页 > news >正文

前端对接下载文件接口、对接dart app

嵌套在dart app里面的前端项目

1.前端调下载接口 ->后端返回 application/pdf格式的文件 ->前端将pdf处理为blob ->blob转base64 ->调用dart app的 sdk saveFile ->保存成功

    async download() {
      try {
        // 调用封装的 downloadEContract 方法获取 Blob 数据
        const response = await downloadEContract({ ordederNo: this.eContractOrderNo })
//api调用返回的文件格式是pdf 在axios中已经配置responseType:blob  axios已经做了转换?
        // 使用 FileReader 将 Blob 转换为 Base64
        const reader = new FileReader()
        const prom = new Promise((resolve, reject) => {
          reader.onloadend = () => resolve(reader.result)
          reader.onerror = () => reject(reader.error)
          reader.readAsDataURL(response)
        })

        // 等待 Base64 数据
        const base64Data = await prom

        // 调用 JieanSdk.saveFile 方法保存文件
        const res = await window.JieanSdk.saveFile({
          fileName: '电子合同.pdf',
          content: base64Data
        })
        if (res.code === 200) {
          window.JieanSdk.showSnackBar({ message: `下载成功,文件保存至${res.result}` })
        } else {
          window.JieanSdk.showSnackBar({ message: '下载失败' })
        }
        console.log('保存结果: ', JSON.stringify(res))
      } catch (error) {
        console.error('失败', error)
      }
    },

http://www.dtcms.com/a/110069.html

相关文章:

  • 【解决】VsCode中code runner无法使用cin 输入
  • 大学生机器人比赛实战(一)综述篇
  • 用树莓派和ads1115采样模拟量 保姆级教程
  • 基于CYT4BB MCAL完成对DS_SA47321功能开发
  • python match case语法
  • 2025年中级社会工作者考试模拟题
  • 大模型备案材料:评估测试题集真实案例详解
  • 基数排序算法解析与TypeScript实现
  • 《双影奇境》手机版上线?ToDesk用跨平台技术实现「全设备云电脑3A游戏」
  • liunx日志查询常用命令总结
  • Cesium 时间线 及 坐标转换
  • PyTorch复现逻辑回归
  • 高效深度学习lecture03
  • 强化学习DDPG算法
  • 【C++进阶九】继承和虚继承
  • 【新书上市】《STM32嵌入式系统开发—基于STM32CubeMX和HAL库》,高校教学推荐,STM32入门必读书籍!
  • TVM流程及调优
  • skynet.start 的作用详细解析
  • Jira 停售一周年:国产研发管理平台能否扛起替代大旗?
  • 【补题】Xi‘an Invitational 2023 E. Merge the Rectangles
  • 【PHP】- 字符串,数组,字典常用操作
  • Cribl 脱敏mask
  • (三)机器学习---线性回归及其Python实现
  • 聚焦建筑业碳中和,楼宇自控系统应如何发挥建筑节能价值
  • 大语言模型中的嵌入模型
  • (C语言)单链表(2.0)数据结构(指针,单链表教程)
  • 栈和队列的概念
  • dfs递归回溯的两种体型
  • 水下声呐探测仪,应急救援中的高效水下定位技术|深圳鼎跃
  • Nuxt3项目的SEO优化(robots.txt,页面tdk,伪静态.html,sitemap.xml动态生成等)