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>
# vue.js
Logo
2048 AI社区

有“AI”的1024 = 2048，欢迎大家加入2048 AI社区

更多推荐

英语不是母语？看我们如何轻松搞定全英文学术文献！

打开一篇最新发表的英文文献，标题看起来高大上，摘要读了三遍还是云里雾里，正文一展开更是满屏生词、复杂句式，连猜带蒙读了半小时，结果发现——压根没搞懂人家在研究啥。所以，别再让英文文献成为你的“心理阴影”了。试试MedPeer，让AI做你的“外脑”，从此读文献不再痛苦，而是充满发现的乐趣。它不替你思考，而是帮你扫清障碍，让你把精力真正用在。这个过程，相当于有一位懂专业的“科研助理”在帮你做文献综述的

avatar 2048 AI社区

上下文感知决策框架

例如在文章开头，我们举的产品经理和工程师之间的那一段对话，一个高质量智能体，不再只是让大模型回答用户的问题，而是通过上下文工程，帮助大模型在回答前获得更加结构化的输入，包括项目状态、需求文档、任务历史、甚至团队氛围，实现大模型更好的理解当前的任务规划、团队过往的沟通隐患、对方的工作状态与担忧、文档/知识库的实时状态等等。这和我们维护我们手机上内存很像，一开始所有应用和历史信息都保留，但当手机出现运

avatar 2048 AI社区

AI技术（一）：什么是MCP

首先我们来看一下百度百科关于MCP的解释：​模型上下文协议（Model Context Protocol，MCP），是由Anthropic推出的开源协议，旨在实现大语言模型与外部数据源和工具的集成，用来在大模型和数据源之间建立安全双向的连接。刚开始我看到这些解释的时候，其实我很懵，不知道这个到底是啥，能用来做什么，接下来我将把我对MCP的理解，以尽量简单的方式来进行解释。

avatar 2048 AI社区