在Vue中实现移动端文件上传，可以使用多种方法和UI组件库。以下是一些常见的实现方式：

    使用Vant组件库：Vant是一个轻量、可靠的移动端Vue组件库，它提供了van-uploader组件来实现文件上传。你可以这样使用：

    <van-form @submit="onSubmit" enctype="multipart/form-data">
 <van-uploader
   style="float: left;margin-left: 14px;margin-top: 15px;"
   v-model="fileList"
   accept="file"
 >
   <van-button size="small" icon="plus" type="primary">上传文件</van-button>
 </van-uploader>
</van-form>

    其中fileList是文件上传的列表，accept属性用于上传文件的类型，onSubmit是提交表单的方法。

    使用Element UI组件库：Element UI也提供了上传组件el-upload，可以用于移动端文件上传。例如：

    <el-upload
 class="upload-demo"
 action="/upload"
 :on-success="handleSuccess"
 :before-upload="beforeUpload"
>
 <el-button size="small" type="primary">点击上传</el-button>
</el-upload>

    在handleSuccess方法中处理上传成功后的逻辑，beforeUpload方法可以用于上传前的文件校验。

  1. <input type="file" accept="image/*" capture="camera">

  2. <van-uploader :after-read="afterRead" multiple />

    在afterRead方法中处理文件读取后的逻辑，例如创建FormData对象并发送请求到服务器。

    3. 使用vue-simple-uploader组件库：这是一个基于simple-uploader.js和Vue结合的上传组件，支持文件、多文件、文件夹上传，并且支持拖拽上传。

    import Vue from 'vue'
import uploader from 'vue-simple-uploader'
Vue.use(uploader)

    在模板中使用<uploader>标签来实现上传功能。

  3. <input class="hide_file" ref="leftFile" id="upload" type="file" @change="getFile($event)" accept="image/*">
<div class="camera" @click="clickFile">
 <img v-if="img" class="bigImg" :src="img" alt="">
 <img v-if="!img" class="icon" src="~@/assets/img/icon_camera.png" alt="">
 <span v-if="!img" class="text">上传照片</span>
</div>

    在clickFile方法中实现点击事件，触发文件选择。

选择适合你项目需求的方法来实现移动端的文件上传功能。