从图库中选择使用request接口上传图片文件

调起图库后使用request接口获取上传图片文件

HarmonyOS
2024-05-28 20:55:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
人间冰美式

使用的核心API

request上传下载接口

核心代码解释

request请求接口通过POST上传图片文件,文件上传文件需要使用类型为 multipart/form-data提交,请求部分demo如下:

uploadImage() { 
    let context1 = getContext(this) as common.UIAbilityContext; 
    let uploadConfig1 = { 
      url: 'http://127.0.0.1:8224/system/upload/upFile2', 
      header: {"Content-Type":"multipart/form-data","Authorization":"" }, 
      method: 'POST', 
      files: [ 
        { filename: 'test.jpg', name: 'file', uri: 'internal://cache/test.jpg', type: 'jpg' } 
      ], 
      data: [ 
        { name: 'test', value: '111' } 
      ] 
    } 
    // 将本地应用文件上传至网络服务器 
    try { 
      request.uploadFile(context1, uploadConfig1) 
        .then((uploadTask) => { 
          uploadTask.on('complete', (taskStates) => { 
            for (let i = 0; i < taskStates.length; i++) { 
              console.info(`xx upload complete taskState: ${JSON.stringify(taskStates[i])}`); 
              this.message = JSON.stringify(taskStates[i]) 
            } 
          }); 
        }) 
        .catch((err) => { 
          console.error(`xx Invoke uploadFile failed, code is ${err.code}, message is ${err.message}`); 
          this.message = err.message 
        }) 
    } catch (err) { 
      console.error(`xx Invoke uploadFile failed, code is ${err.code}, message is ${err.message}`); 
      this.message = err.message 
    } 
  } 
 

注明适配的版本信息

  • IDE:DevEco Studio  4.0.1.601
  • SDK:HarmoneyOS 4.0.0.40
分享
微博
QQ
微信
回复
2024-05-29 21:59:33
相关问题
HarmonyOS request.uploadFile 上传文件
28浏览 • 1回复 待解决
HarmonyOS H5调用APP图库选择图片
17浏览 • 1回复 待解决
本机获取图片进行上传到spring后端
2409浏览 • 1回复 待解决
HarmonyOS Rcp.post上传图库文件至服务器
323浏览 • 1回复 待解决
如何选择使用同步接口还是异步接口
2173浏览 • 1回复 待解决
HarmonyOS web上传文件图片
281浏览 • 1回复 待解决
HarmonyOS 文件上传接口数据返回信息
44浏览 • 1回复 待解决