uview u-upload设置选取文件类型

根据提供的引用内容，可以使用u-upload组件的accept属性来设置选取文件的类型。accept属性可以自定义上传的文件类型，以限制用户只能选择特定类型的文件。在:before-upload钩子中，可以进一步限制文件类型。以下是一个示例代码：

<u-upload @before-upload="beforeUpload" accept=".jpg,.png">
  <view class="uploadTitle" style="color:#000" v-if="form.fileName">{{form.fileName}}</view>
  <view class="uploadTitle" v-else>选取文件</view>
</u-upload>

在上述代码中，accept属性被设置为".jpg,.png"，表示只允许选择后缀名为.jpg和.png的文件。你可以根据需要修改accept属性的值来设置其他文件类型。

在before-upload钩子中，你可以进一步限制文件类型。以下是一个示例代码：

methods: {
  beforeUpload(file) {
    const fileType = file.type;
    if (fileType !== 'image/jpeg' && fileType !== 'image/png') {
      this.$message.error('只能上传jpg和png格式的图片');
      return false; // 阻止文件上传
    }
    return true; // 允许文件上传
  }
}

在上述代码中，beforeUpload方法会在文件上传之前被调用。通过判断文件的type属性，可以进一步限制文件类型。如果文件类型不符合要求，可以通过this.$message.error()方法给出错误提示，并返回false来阻止文件上传。