<template>
<el-upload
ref="upload"
action
:on-change="onChange"
:limit="3"
list-type="picture-card"
:before-upload="beforeAvatarUpload"
:http-request="uploadZipAction"
>
<i class="el-icon-plus"></i>
</el-upload>
// action 必须设置
// on-change 选择文件触发函数
// limit 最多上传几个文件
// before-upload 文件上传之前
// http-request 自定义上传,会顶替掉默认的上传事件
</template>
<script>
import { getBase64Image } from".myPromiseGetBase64Imagel.js";
export default {
data(){
return {
uploadUrl:""
}
},
methods:{
onChange(file){
this.imgName = file.name;
var image = new Image();
image.src = file.url;
this.uploadUrl = image;
},
beforeAvatarUpload(file){
const isJPG = file.type === "
vue+element上传图片文件转base64数据
最新推荐文章于 2024-01-26 17:36:14 发布