13、微信小程序：上传图片到服务器

最新推荐文章于 2024-09-12 15:56:50 发布

高杉夏

最新推荐文章于 2024-09-12 15:56:50 发布

阅读量5.7k

点赞数 9

文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_47886206/article/details/128001880

版权

1、上传图片到服务器，有两个步骤：

1.1 拿到可上传的图片 wx.chooseImage

1.2 将图片上传到服务器 wx.uploadFile

2、代码实现

<button bindtap="upload">点击上传</button>

<image src="{ {imgPath}}" mode=""/>

 upload(){
        var _this=this
        wx.chooseImage({
            拿几张图片 count
            图片上传类型  sizeType
            图片来源   sourceType
            success(res){//获取成功  

            wx.uploadFile({
                临时图片路径 filePath
                服务器地址   url
                name
                timeout
                success(res){
                    let imgPath=baseUrl+JSON.parse(res2.data).data
                    _this.setData({
                        imgPath