vue项目中上传头像(包含axios上传)
程序员文章站
2022-03-19 12:17:26
...
引用地址:https://blog.csdn.net/LLDD2014425/article/details/88314417
样式部分借鉴了上面地址,可以做到点击后吧图片信息获取到,还有图片显示在页面
效果如下:
点击后:
axios:上传引用网址:https://www.cnblogs.com/zhang-can/p/9116159.html
我的代码如下:
html:
<FormItem label="上传图片:">
<div class="hello">
<div class="user-header">
<input type="file" name="image" accept="image/*" @change='onchangeImgFun'
class="header-upload-btn user-header-com">
<img alt="" :src='imgStr' class="user-header-img user-header-com">
<p class="tip">图片限制50kb <span class="error">{{errorStr}}</span></p>
</div>
</div>
</FormItem>
js:
上一篇: 网站优化 搜索引擎收录网页的四个阶段
下一篇: 如何在短期内迅速提高网站流量