uni-app转成微信小程序上传图片回显

要在微信小程序中上传图片并回显，你可以使用微信小程序的 API `wx.chooseImage` 和 `wx.uploadFile`。

1. 首先，在页面中引入 `wx.chooseImage` API：

// uni-app 中引入微信小程序 API 的方式
import weixin from '@/utils/weixin.js';

// 在 methods 中添加以下代码
chooseImage() {
    weixin.chooseImage({
        count: 1, // 最多可以选择的图片张数，默认1
        sizeType: ['original', 'compressed'], // original 原图，compressed 压缩图，默认二者都有
        sourceType: ['album', 'camera'], // album 从相册选图，camera 使用相机，默认二者都有
        success: res => {
            // 选择成功后，将图片路径保存到 data 中
            this.setData({
                imgUrl: res.tempFilePaths[0]
            });
        },
        fail: err => {
            console.log(err)
        }
    });
},

2. 然后，在 `wx.uploadFile` 中上传图片：

uploadImage() {
    const url = 'http://example.com/upload'; // 上传图片的接口地址
    const filePath = this.data.imgUrl; // 图片路径
    wx.uploadFile({
        url,
        filePath,
        name: 'file',
        formData: {
            // 其他参数
        },
        success: res => {
            // 上传成功后，将图片地址保存到 data 中
            const data = JSON.parse(res.data);
            this.setData({
                imgUrl: data.url
            });
        },
        fail: err => {
            console.log(err)
        }
    });
},

3. 最后，在页面中显示图片：

<image :src="imgUrl"></image>

这样，当用户选择图片并上传成功后，图片就会在页面中显示出来。