Vue3里如何上传图片以及图片回显

Vue3里的上传图片跟javascript的上传图片的原理都是一样的,Vue有Vue的写法但总体不变。

话不多说上代码:

精彩评论

{{ towText.nickname }}

{{ towText.content }}

回复

{{ commentsImg.nickname }}

{{ commentsImg.content }}

提交评论

点赞

我要晒照
提交晒照

大致原理就是使用图片上传的接口先将图图片获取到将其转化为字符串, 回显的话页很简单就是将你上传图片后的路径在放到创建的fromdata函数里。(各位只需要将链接放到URL地址里就可以了)用到的组件还得请各位去下载喽Vant 4

你可能感兴趣的:(vue,javascript,前端,vue.js)