600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 小程序上传图片wx.uploadFile用法

小程序上传图片wx.uploadFile用法

时间:2023-01-14 03:08:38

相关推荐

小程序上传图片wx.uploadFile用法

前言:

小程序的上传和我们开发其他项目是不一样的,这里说一说他的用法。

使用步骤:

1、这里默认开发环境,并且默认不校验https,部署好环境 设置-》项目设置-》勾选

2、页面添加事件方法,这里核心方法是两个,一个是wx.chooseImage是获取图片,一个是wx.uploadFile是上传图片

//选取图片wx.chooseImage({count: 1,sizeType: ['original'],//原图sourceType: [ 'album','camera'],//支持选取图片success (res) {// tempFilePath可以作为img标签的src属性显示图片const tempFilePaths = res.tempFilePaths[0];//上传图片wx.uploadFile({//请求后台的路径url: 'http://192.168.35.201:8090/image',//小程序本地的路径filePath: tempFilePaths,//后台获取我们图片的keyname: 'images',//额外的参数formDataformData: {'id': 'test',a:{ abc:'111'},b:[1,2,3]},success: function (res) {//上传成功debugger},fail: function (res) {debugger},})}})

使用api:

1、wx.chooseImage从本地相册选择图片或使用相机拍照。

参数

Object object

object.sizeType 的合法值

object.sourceType 的合法值

object.success 回调函数

参数

Object res

res.tempFiles 的结构

2、wx.uploadFile

将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中content-typemultipart/form-data。使用前请注意阅读相关说明。

参数

Object object

object.success 回调函数

参数

Object res

返回值

UploadTask

基础库 1.4.0 开始支持,低版本需做兼容处理。

一个可以监听上传进度进度变化的事件和取消上传的对象

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。