使用Froala+Angular+Node.js传图至AWS S3遇Unicode序列错误

我来帮你一步步排查这个问题，结合你的代码场景，常见的原因和解决办法如下：

1. 检查AWS密钥中的隐藏Unicode字符 #

这个错误大概率是因为配置里的AWS密钥（accessKey/secretKey）不小心混入了不可见的Unicode字符，比如全角空格、换行符或者复制时带的特殊符号。

解决办法：

• 重新从AWS控制台复制你的密钥，确保只复制纯ASCII字符
• 在代码里对密钥做trim()处理，去掉前后可能的空白：

  var configs = {
      bucket: 'web.document.images',
      region: 'ap-south-1',
      keyStart: 'image',
      acl: 'public-read',
      accessKey: "MyAWSaccessKey".trim(),
      secretKey: "AWSsecretkey".trim(),
  }
  var s3Hash = FroalaEditor.S3.getHash(configs);
  res.send(s3Hash);
  

2. 验证配置字段的纯ASCII属性 #

除了密钥，keyStart、bucket这些配置字段如果包含非ASCII字符（比如全角字母），也会触发编码错误。检查你的keyStart: 'image'是否是纯英文半角字符，没有隐藏的Unicode序列。

3. 完善S3 CORS配置 #

你提供的CORS配置不完整，缺失了关键规则，这可能间接导致请求编码异常。请替换为完整的CORS配置（建议限制允许的Origin为你的实际域名，不要用*）：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>https://your-angular-app-domain.com</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>POST</AllowedMethod>
        <AllowedMethod>PUT</AllowedMethod>
        <AllowedHeader>*</AllowedHeader>
        <ExposeHeader>ETag</ExposeHeader>
    </CORSRule>
</CORSConfiguration>

4. 确保Node.js服务器的字符编码为UTF-8 #

在你的Node.js服务器中，显式设置请求/响应的编码为UTF-8，避免编码转换时出现问题：

const express = require('express');
const app = express();

// 设置编码
app.use(express.json({ encoding: 'utf-8' }));
app.use(express.urlencoded({ extended: true, encoding: 'utf-8' }));

5. 升级Froala Editor版本 #

旧版本的Froala可能存在S3哈希生成的编码bug，建议升级到最新的稳定版，再测试上传功能。

按这个顺序排查，应该能解决「Malformed Unicode code sequence in the field」的问题。

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