1.上传图片
html代码:文章来源:https://www.toymoban.com/news/detail-566467.html
<el-upload
action="#"
:auto-upload="false"
:on-change="handleChange"
>
<el-button class="video_btn iconfont icontianjia3">上传图片</el-button>
</el-upload>
<div
v-for="(item, index) in urlist"
:key="index"
>
<el-image
@click="Visibleimg(item)"
:src="item"
></el-image>
</div>
<el-dialog :visible.sync="dialogVisibleimg">
<img width="100%" :src="url" alt="" />
</el-dialog>
js代码:文章来源地址https://www.toymoban.com/news/detail-566467.html
handleChange(file, fileList) {
//限制条件可以通过file判断,比如图片格式
console.log(file, "file");
console.log(fileList, "fileList");
let formData = new FormData();
formData.append("file", file.raw);
//上传接口
到了这里,关于Vue+element ui上传图片和视频并回显,点击放大查看和播放的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!