uni-app上传图片后如何设置预览原图

在uni-app中，当你需要在用户选择图片后显示原图预览，可以按照以下步骤操作：

1. 首先，你需要导入`uniuploader`组件，这是uni-app内置的一个文件上传工具库。

<template>
  <uni-uploader :action="uploadUrl" :on-success="handleSuccess" :before-upload="beforeUpload"></uni-uploader>
</template>

<script>
import {UniUploader} from '@dcloudio/uni-app';

export default {
  components: {
    UniUploader
  },
  data() {
    return {
      uploadUrl: 'your-api-url-to-upload-image', // 服务器端接收图片的URL
      previewUrl: '', // 初始化时为空，用于存储原图地址
    };
  },
  methods: {
    handleSuccess(response) {
      const file = response.file; // 获取上传成功的文件对象
      this.previewUrl = file.url; // 设置预览地址为原图url
      // 可以在这里添加显示预览的UI，比如使用<image>标签
      <image :src="previewUrl" />
    },
    beforeUpload(file) {
      if (file.type.match(/^image\//)) {
        // 检查是否为图片文件，如果是，则允许上传
        return true;
      } else {
        // 否则提示非图片文件
        uni.showToast({
          title: '请上传图片',
          icon: 'none'
        });
        return false;
      }
    }
  }
};
</script>

在这个例子中，当图片上传成功后，`handleSuccess`方法会得到文件对象，并从中获取原图的URL，然后将其赋值给`previewUrl`。你可以通过这个变量在页面上显示图片预览。