C#中从byte[]转换Exif数据后出现异常字符串行为

问题场景 #

我正在开发一款图片分类与查看的小程序，目前已经实现了Exif数据的转换和加载流程，整体都正常，但遇到一个小问题：当我把相机制造商名称和相机型号名称拼接在一起，想显示在页面标签上时，标签只显示了第一个字符串，后面的内容完全没出来。

问题定位 #

特别感谢@Kevin Gosse的帮助，现在已经找到问题原因：

• 核心问题出在Exif返回的字符串里包含了**空字符（\0）**或者其他不可见的控制字符。这些字符在字符串拼接后，会导致前端渲染时直接截断，只显示到控制字符出现的位置为止。
• 另一种可能是字符串编码不统一，比如制造商名称是ASCII编码，型号是UTF-8编码，拼接后出现解析异常，导致后续内容无法渲染。

修复方案 #

针对这类问题，可以尝试以下几种修复方式：

1. 清洗字符串中的控制字符
   对从Exif中获取到的制造商和型号字符串进行预处理，去除所有不可见控制字符和空字符，示例代码（以JavaScript为例）：

   // 清除字符串中的空字符及ASCII控制字符
   const cleanExifStr = (str) => {
     return str ? str.replace(/[\x00-\x1F\x7F]/g, '') : '';
   };
   
   // 拼接前先清洗
   const maker = cleanExifStr(exifData.Make);
   const model = cleanExifStr(exifData.Model);
   const cameraInfo = `${maker} ${model}`;
   

2. 验证拼接结果
   在渲染到页面之前，先在控制台打印拼接后的完整字符串，确认是否包含异常字符，确保内容是完整的。
3. 统一字符串编码
   如果是编码问题，可以尝试将两个字符串都转换为统一的编码格式（比如UTF-8）后再进行拼接。

内容的提问来源于stack exchange，提问作者Lars