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

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

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

使用的核心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
相关问题
本机获取图片进行上传到spring后端
1243浏览 • 1回复 待解决
如何选择使用同步接口还是异步接口
687浏览 • 1回复 待解决
http request 请求不到接口数据
3419浏览 • 1回复 待解决
如何使用接口下载文件
857浏览 • 1回复 待解决
request下载文件不能覆盖现有文件
713浏览 • 1回复 待解决
把应用沙箱下的图片保存到图库
394浏览 • 1回复 待解决
怎么实现后台上传图片
987浏览 • 1回复 待解决
分布式如何读写图库图片或者视频?
3224浏览 • 1回复 待解决
通过web上传图片并进行预览
424浏览 • 1回复 待解决
拉起相册选择图片页面失败
454浏览 • 1回复 待解决
NEXT网络请求如何上传文件
641浏览 • 1回复 待解决