小程序上传图片、回显、并上传到服务器

原创

已于 2022-03-25 23:30:09 修改 · 948 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #上传图片

于 2022-03-25 23:28:54 首次发布

本文介绍了小程序中如何使用wx.chooseImage选择图片，并通过wx.uploadFile将其上传到服务器，实现图片的回显功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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,
 
                    //后台获取我们图片的key
                    name: 'i