VUEJS 预览图像，然后使用引导轮播或任何轮播上传

Question

所以我想在上传图像之前使用引导轮播或 vuejs 中的任何轮播预览图像， 但是如果有人有想法，请与我分享，我无法做到这一点。 谢谢

Answer 1

为了显示图像，您可以在图像完全上传到服务器后向 src 提供 url，或者如果您想在发送到服务器之前显示图像，您必须像这样以 base64 格式对文件进行编码 在数据中定义 base64 变量

onChangeFileUpload ($event) {
this.file = $event.files[0]
this.encodeImage(this.file)
},
encodeImage (input) {
if (input) {
const reader = new FileReader()
reader.onload = (e) => {
this.base64Img = e.target.result
}
reader.readAsDataURL(input)
}
}

然后你可以检查文件是否已上传，你应该直接从URL查看图像，否则在base64中