Vue+Element-UI 支持图片上传，并可自动识别并获取相册中的照片

阅读量：

Vue+Element-UI 上传图片，打开相机，相册

Element-UI框架中的Upload组件主要用于实现文件上传功能，并未专门设计仅用于图片上传的独立组件。因此，在某些浏览器（如移动端浏览器）中，使用时会显示为文件列表界面，而非相机\相册按钮选项。

解决方法概述

例如在一个常见的上传组件实例中，

复制代码

    <el-upload
      class="avatar-uploader"
      accept="image/*"
      action="https://jsonplaceholder.typicode.com/posts/"
      :show-file-list="false"
      :on-success="handleAvatarSuccess"
      :before-upload="beforeAvatarUpload">
      <img v-if="imageUrl" :src="imageUrl" class="avatar">
      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
    </el-upload>

全部评论 (0)

还没有任何评论哟~