uniapp小程序中使用FileReader

在uniapp小程序中，可以通过uni-app提供的API来使用FileReader。

FileReader是一个可以读取文件内容的对象，可以用于读取用户在小程序中选择的文件的内容。

以下是一个使用FileReader读取图片文件并显示的示例代码：

<template>
  <view>
    <image :src="imgUrl" mode="aspectFit" />
    <input type="file" @change="handleFileChange" />
  </view>
</template>

<script>
export default {
  data() {
    return {
      imgUrl: '',
    }
  },
  methods: {
    handleFileChange(e) {
      const file = e.target.files[0]
      const reader = new FileReader()
      reader.onload = (event) => {
        this.imgUrl = event.target.result
      }
      reader.readAsDataURL(file)
    }
  },
}
</script>

在上述代码中，我们通过`<input type="file" />`元素让用户选择一个文件。当用户选择文件后，触发`handleFileChange`方法，在该方法中，我们创建了一个FileReader对象，并使用`readAsDataURL`方法读取文件内容。当读取完成后，会触发`onload`事件，我们可以在该事件中获取读取到的文件内容，并将其赋值给`imgUrl`变量，从而在页面中显示图片。

需要注意的是，在使用FileReader读取文件时，要确保所读取的文件类型是允许的，否则会出现错误。