uview的上传怎么使用

要使用uView上传文件，您需要先引入uView的Upload组件。在您的vue文件中，可以使用以下代码引入Upload组件：

<template>
  <upload-file></upload-file>
</template>

<script>
import { uploadFile } from "uview-ui";

export default {
  components: {
    "upload-file": uploadFile,
  },
};
</script>

然后，在您的template标签中，使用以下代码来渲染Upload组件：

<template>
  <upload-file
    :upload-url="uploadUrl"
    :file-size-limit="fileSizeLimit"
    :file-type-limit="fileTypeLimit"
    :multiple="multiple"
    @success="onUploadSuccess"
    @fail="onUploadFail"
  >
    <view slot="default">上传文件</view>
  </upload-file>
</template>

在这个例子中，我们将Upload组件命名为upload-file，并且传入了一些属性。其中，upload-url表示上传文件的地址，file-size-limit表示文件大小限制，file-type-limit表示文件类型限制，multiple表示是否允许上传多个文件。同时，我们也定义了onUploadSuccess和onUploadFail事件处理函数，用于处理上传成功和上传失败的情况。

最后，在您的script标签中，定义onUploadSuccess和onUploadFail事件处理函数，用于处理上传成功和上传失败的情况：

<script>
import { uploadFile } from "uview-ui";

export default {
  components: {
    "upload-file": uploadFile,
  },
  data: {
    uploadUrl: "http://your-upload-url.com",
    fileSizeLimit: 10 * 1024 * 1024, // 10MB
    fileTypeLimit: ["jpg", "jpeg", "png", "gif"],
    multiple: true,
  },
  methods: {
    onUploadSuccess(response) {
      console.log("Upload success: ", response);
    },
    onUploadFail(error) {
      console.log("Upload fail: ", error);
    },
  },
};
</script>

在这个例子中，我们只是简单地打印了上传成功和上传失败的结果。您可以根据您的实际需求，将这些事件处理函数改成您需要的逻辑。