vue项目实现图片上传功能
(编辑:jimmy 日期: 2024/11/26 浏览:3 次 )
本文实例为大家分享了vue实现图片上传功能的具体代码,供大家参考,具体内容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> .uploadimg{ width:100px; height:100px; border-radius: 50%; } </style> <body> <div id="app"> <input type="file" @change="upTx" id="txUrl"> <img class="uploadimg" :src="/UploadFiles/2021-04-02/imgsrc">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:Vue移动端实现图片上传及超过1M压缩上传