el-upload 上传图片转成base64 字符串,传给后端,且base64在页面的展示
1.dragUpdate 文件上传组件
<template>
<el-upload
ref="uploadRef"
action="#"
v-bind="$attrs"
drag
:accept="accept"
:auto-upload="false"
:show-file-list='isNotLogo'
:on-change="handleUploadChange"
:on-remove="handleUploadRemove"
:on-exceed="onExceed"
:class="[isNotLogo ? 'drag-upload': 'logo-upload']"
>
<div v-if='isNotLogo' class="el-upload__text">
<d2-icon-svg :name="icon" />
<h6>点击或将文件拖拽到这里上传</h6>
<p v-if="illustrate ">{
{ illustrate }}</p>
</div>
<div>
<h6>点击或将文件拖拽到这里上传</h6>
<p>{
{`支持扩展名:${accept}`}}</p>
</div>
</el-upload>
</template>
<script>
export default {
name: 'DragUpdate',
props: {
accept: {
type: String,
default: ''
},
// 文件大小限制,单位为M
fileSize: {
type: Number,
default: 20
},
value: {
type: [Array, Object],
default: null
},
icon: {
type: String,
de
原文地址:https://blog.csdn.net/bigdargon/article/details/140604042
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!