data:image/png;base64,拼接字符串,无法展示图片
错误代码
// vue3
const normalImg = computed(() => store.getters.SignalImg);
const img = computed(() => {
returnreturn "data:image/png;base64," + normalImg;
});
展示图片
正确代码
const normalImg = computed(() => {
return `data:image/png;base64,${store.getters.SignalImg.replace(/[\r\n]/g,"")}`;
});
无法上传同一张图片
// 解决方案
<template>
<div>
<input
id="inputImg"
src="normalImg"
@change="onChange($event)"
</div>
</template>
<script setup>
const onChange = (e) => {
document.querySelector('#""inputImg').value = ''
}
</script>