小程序的上传文件接口的注意

需要对接口返回的数据转换为 JavaScript 对象

// JSON.parse()将JSON格式的数据转换为 JavaScript 对象

JSON.parse(res.data)

  

官方文档

https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html

 wx.chooseImage({
    success (res) {
      const tempFilePaths = res.tempFilePaths
      wx.uploadFile({
        url: ‘https://example.weixin.qq.com/upload‘, //仅为示例,非真实的接口地址 该接口返回的的JSON
        filePath: tempFilePaths[0],
        name: ‘file‘,
        formData: {
          ‘user‘: ‘test‘
        },
        success (res){
          // 需要JSON.parse 因为上传接口返回的是字符串
          console.log(typeof res.data)
          let data = JSON.parse(res.data)
          //do something
        }
      })
    }
  })

  

  

原文地址:https://www.cnblogs.com/zelzzz/p/11517637.html

时间: 2024-10-08 03:41:50

小程序的上传文件接口的注意的相关文章

Fiddler小技巧-测试上传文件接口&多参数并传情况

写了多年的API了,fidder还真是方便至极相对于postman来说. 两种常用方式: 抓包:app通过代理方式,就可以在pc端看到fidder的请求了 因为会监控好多跟我们需要的没关系的HTTP请求, 就要开启过滤了 主动调试API&上传文件参数&其它参数 拷贝点击"upload file"上传之后自动生成的body然后修改: ---------------------------acebdf13572468 Content-Disposition: form-da

小程序--->小程序图片上传阿里OSS使用方法

小程序图片上传阿里OSS使用方法 首先看下参考文档 ( http://blog.csdn.net/qq_38125123/article/details/73870667) 这里只将一些运用过程中遇到的问题及解决办法: 1.cryptojs,sha1js,hmacjs,base64js在哪下载及使用方法: 文件可以在阿里oss实例文档中找到. 在运用过程中如果是通过require引入的,会找不到引入的方法,原因是这些js文档没有模块导出,可以在原文件里找到其顶部全局对象,exports出来即可.

PHP -- 上传文件接口编写 及 iOS -- 端上传图片AF实现

PHP 上传文件接口: //保存图片 $json_result ['status'] = 0; $path = 'upfile'; $json_result ['status'] = 0; $json_result ['successmsg'] = '上传失败'; if (isset ( $_FILES ['image'] )) { $upfile = 'upfile/' . $_FILES ['image'] ['name']; if (! @file_exists ( $path )) {

MVC应用程序实现上传文件

学习MVC以来,一直想实现上传文件的功能,使用jQuery来实现上传,有很多插件.此篇演示中,Insus.NET是使用Uploadify.http://www.uploadify.com/,它有更多的文件说明,可以参考:http://www.uploadify.com/documentation/. 你可以使用MVC的NuGet Packages管理器,来安装这个jQuery的插件: 安装好之后,可以在MVC应用程序的Scripts目录看到它: 在HomeContollers中,创建一个Acti

MVC应用程序实现上传文件(续)

前几天,有练习了<MVC应用程序实现上传文件>http://www.cnblogs.com/insus/p/3590907.html 那只是把文档上传至MVC应用程序下的某一目录之中. 其实,真实环境中,还得存储一些相关信息至数据库中.如旧文件名,新存储于文件夹的新文件名,大小,基本的类型等. 下面Insus.NET就慢慢来演示此功能. 先是在数据库中,创建一个表[dbo].[FileLibrary]: 创建一个存储过程,好让程序能对上面创建好的表,添加数据[dbo].[usp_FileLib

微信小程序怎么上传代码

很多企业商家做了微信小程序,都想自己独立的去操作后台,但大多企业商家都没有相关的技术人员,就上传代码都成了问题,以下微信小程序观察网请添加链接描述就和大家分享一下微信小程序怎么上传代码,希望对您有帮助! 第一步:登录微信公众号后台进行小程序基本信息设置操作第二步:设置小程序基本信息,包括名称.头像.介绍以及服务范围.第三步:填写完成之后,再打开你的微信小程序开发工具,点击上传功能,点击上传提示窗口中输入版本号和说明即可.第四步:上传完成之后,返回到微信公众号后台,点击[开发管理].第五步:拉到底

5行代码实现微信小程序图片上传与腾讯免费5G存储空间的使用

本文介绍了如何在微信小程序开发中使用腾讯官方提供的云开发功能快速实现图片的上传与存储,以及介绍云开发的 5G 存储空间的基本使用方法,这将大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新的文字版本摘要. 此文为 「60 节实战课微信小程序开发视频教程」 的第 51 小节内容,如果需要查看视频版本的实战操作,请直接跳至文章的最后部分查看. 1.云开发图片空间简介 在之前的文章 微信小程序开发平台新功能「云开发」快速上手体验 中我们简要介绍了腾讯官方给所有的微信小程序开发提供的云

jmeter随笔(11)--上传文件接口出错

点击标题下「飞测」可快速关注 坚持的是分享,搬运的是知识,图的是大家的进步,没有收费的培训,没有虚度的吹水,喜欢就关注.转发(免费帮助更多伙伴)等来交流,想了解的知识请留言,给你带来更多价值,是我们期待的方向,有更多兴趣的欢迎切磋,我们微信订阅号,联系方式如下: 背景说明 坚持分享,坚持总结,技术需要时间的积累和练习,对jmeter实践的点滴的记录,这里分享交流jmeter的第11次小技巧,仅供参考和讨论,有想法的欢迎留言.谈论,手机上图片如果不清晰,请点击[阅读原文]查看. 1问题:一个导入文

小程序 图片上传方法

uploadimg: function () {//这里触发图片上传的方法 let that = this; var pics = that.data.pics; app.uploadimg({ url: app.baseUrl + 'api/PublishMessage/uploadImage',//这里是你图片上传的接口 path: pics,//这里是选取的图片的地址数组 resourceType: that.data.resourceType, resourceId: that.data