From表单中实现图片上传功能（前端上传）vue+element UI

丸9785啵

已于 2022-06-06 11:03:15 修改

阅读量315

点赞数

文章标签： vue.js javascript html

于 2022-05-17 14:59:46 首次发布

本文链接：https://blog.csdn.net/weixin_43367262/article/details/124794384

版权

From表单中实现图片上传功能（前端上传）vue+element UI一、实现效果初始状态有一张默认图片，鼠标移入，显示“点击上传”，点击上传一张新的图片替换前一张图片，并获取信息。二、实现代码1、HTML部分2、JS部分3、CSS部分一、实现效果初始状态有一张默认图片，鼠标移入，显示“点击上传”，点击上传一张新的图片替换前一张图片，并获取信息。上传图片二、实现代码1、HTML

摘要由CSDN通过智能技术生成

From表单中实现图片上传功能（前端上传）vue+element UI

一、实现效果

初始状态有一张默认图片，鼠标移入，显示“点击上传”，点击上传一张新的图片替换前一张图片，并获取信息。

上传图片

二、实现代码

1、HTML部分

<label type="button" @mouseover="() => {imgShow = true}" @mouseout="() => {imgShow = false}">
   <div :class="imgShow?'avatar imgWord':'avatar imgWord imgWord2'"> 点击上传 / 修改 </div>
   <img :src

最低0.47元/天解锁文章

丸9785啵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
From表单中实现图片上传功能（前端上传）vue+element UI

From表单中实现图片上传功能（前端上传）vue+element UI一、实现效果初始状态有一张默认图片，鼠标移入，显示“点击上传”，点击上传一张新的图片替换前一张图片，并获取信息。二、实现代码1、HTML部分2、JS部分3、CSS部分一、实现效果初始状态有一张默认图片，鼠标移入，显示“点击上传”，点击上传一张新的图片替换前一张图片，并获取信息。上传图片二、实现代码1、HTML
复制链接

扫一扫