效果图如上↑
需求
1.上传图片不立即调用上传接口
2.上传的图片保存到base64,因为这个系统前端是对外,而系统是内网链接,所以外网无法访问到内网,需要把图片直接保存为base64
3.封装调用
实现步骤
1.封装子组件components/ImageUpload/baseIndex.vue
<!-- -->
<template>
<div class="base-index flex alcenter">
<!-- :on-preview="handlePictureCardPreview"
:on-remove="handleRemove" :limit="1"-->
<!-- -->
<el-upload
:class="[
'avatar-uploader',
iconShow ? 'active' : '',
viewStatu