vue 图片上传，格式、分辨率、大小(多少MB)

皓月当空hy

已于 2023-07-06 11:39:54 修改

阅读量334

点赞数

文章标签： vue.js

于 2023-07-03 16:23:08 首次发布

本文链接：https://blog.csdn.net/qq_33911541/article/details/131518101

版权

<div class="elecBox-info">
        <el-image v-if="formData.imgUrl" :src="formData.imgUrl" :preview-src-list="[formData.imgUrl]" class="el-image"
          fit="fill"></el-image>//el-image是展示缩略图和放大预览的作用
        <el-upload class="upload-demo" ref="upload" :headers="upload.headers" :action="upload.url"
          :show-file-list="false" :on-success="handleFileSuccess" :before-upload="beforeAvatarUpload"
          accept=".jpg,.jpeg,.png,.bmp,.JPG,.JPEG,.PNG,.BMP"><!--accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PNG,.GIF,.BMP"下面方法中已有格式限制，看情况使用该句-->
          <el-button size="small" type="primary">上传</el-button>
        </el-upload>
        <span class="cd-top-button" style="