图片预览 base64 element 图片上传 预览图

来源:
网络
收录时间:
2021-03-04 13:05:08
社会 阅读 189969

摘要:使用了element ui,愿望是 选择图片文件之后,不立即上传,先显示预览图,点击上传按钮之后再上传,element版本是2.13. <el-button type="success" style="margin-left: 10px;" @click="upimg">上传</el-button>

https://www.jianshu.com/p/bee8c393c422 感谢

使用了element ui,愿望是   选择图片文件之后,不立即上传,先显示预览图,点击上传按钮之后再上传,element版本是2.13

用到了 URL.createObjectURL(file.raw)

html

              <el-upload
                          class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
                          ref="upload"
                          :show-file-list="false"
                          :auto-upload="false"
                          :on-success="handleAvatarSuccess"
                          :before-upload="beforeAvatarUpload"
                          :on-change="onchange"
                          >
                          <img v-if="form.img" :src="form.img" class="avatar">
                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                        </el-upload>
                        <el-button type="success" style="margin-left: 10px;" @click="upimg">上传</el-button>
查看全文
返回顶部