uview 文本域中添加上传

在uView中，你可以通过在文本域中添加上传功能来实现文件上传。下面是一个简单的示例代码：

1. 首先，在你的组件中引入uView的文本域组件和上传组件：

<template>
  <view>
    <textarea
      v-model="content"
      placeholder="请输入文本"
      @focus="showUpload"
    ></textarea>
    <upload
      v-model="fileList"
      :max-count="1"
      :auto-upload="false"
      :show-upload-list="false"
      ref="upload"
      @before-upload="beforeUpload"
    ></upload>
  </view>
</template>

<script>
import { uniTextarea, uniUpload } from 'uview-ui';

export default {
  components: {
    textarea: uniTextarea,
    upload: uniUpload
  },
  data() {
    return {
      content: '',
      fileList: []
    };
  },
  methods: {
    showUpload() {
      this.$refs.upload.chooseFile();
    },
    beforeUpload(file) {
      // 处理文件上传逻辑
      console.log('文件上传前的处理', file);
      // 返回 false 可以取消上传
      return true;
    }
  }
};
</script>

2. 在组件中，使用`textarea`组件来创建文本域，并在`@focus`事件中调用`showUpload`方法。

3. 使用`upload`组件来创建上传组件，设置相关属性，如`max-count`限制上传文件的数量，`auto-upload`设置为`false`表示手动触发上传，`show-upload-list`设置为`false`隐藏上传列表。

4. 在`before-upload`事件中，可以处理文件上传前的逻辑，例如检查文件类型、大小等。

5. 在`showUpload`方法中，通过`$refs`来调用`upload`组件的`chooseFile`方法，弹出文件选择框。

这样，当用户点击文本域时，会触发上传组件弹出文件选择框，用户选择文件后，可以在`before-upload`事件中处理文件上传的逻辑。