需在manifest.json中声明权限和后台脚本，background.js通过FileReader读取XML，再用fetch手动构造multipart/form-data或用XMLHttpRequest配合FormData上传，并处理响应与错误。
如果您在开发浏览器扩展时需要通过 background.js 上传 XML 文件并与服务器通信，则需确保扩展具备文件读取权限、网络请求权限，并正确构造 multipart/form-data 请求。以下是实现此功能的具体步骤：
一、配置 manifest.json 权限与后台脚本声明
background.js 要执行跨域请求和文件读取操作，必须在 manifest.json 中显式声明所需权限。缺少对应权限会导致请求被拦截或 FileReader 报错。
1、在 manifest.json 的 permissions 字段中添加 “activeTab”、“storage” 和目标服务器域名（如 “https://api.example.com/”）或 “
2、在 manifest.json 的 host_permissions 字段（Manifest V3 必须）中添加服务器地址，例如：[“https://api.example.com/*”]。
3、确保 background 服务工作器已正确定义：在 manifest.json 中设置 “background”: {“service_worker”: “background.js”}（Manifest V3）或 “background”: {“scripts”: [“background.js”], “persistent”: false}（Manifest V2）。
二、在 background.js 中读取并解析 XML 文件内容
XML 文件需先由 content script 或弹出页选择后传递至 background.js，background.js 无法直接访问用户本地文件系统，必须依赖 FileReader 异步读取 Blob 数据。
1、接收来自 content script 的文件对象（通过 chrome.runtime.sendMessage）。
2、创建 FileReader 实例，调用 readAsText(file, “UTF-8”) 方法读取 XML 内容；若需保留原始二进制结构（如含特殊编码或签名），则改用 readAsArrayBuffer(file)。
3、在 FileReader 的 onload 回调中获取 event.target.result，该值即为 XML 字符串或 ArrayBuffer 数据，供后续构造请求使用。
三、使用 fetch 构造 multipart/form-data 请求上传 XML
XML 文件需作为表单字段提交，不能直接以纯文本 body 发送；fetch 不支持自动构建 multipart，必须手动构造边界字符串和请求体。
1、生成唯一边界标识符，例如：const boundary = “—-WebKitFormBoundary” + Math.random().toString(36).substr(2, 9)。
2、将 XML 字符串转换为 Uint8Array，使用 TextEncoder 编码：const encoder = new TextEncoder(); const xmlBytes = encoder.encode(xmlString)。
3、拼接 multipart 正文：起始行、Content-Disposition 头（含 filename=”data.xml”）、空行、XML 字节数据、结束边界行；所有换行必须为 “/r/n”。
4、设置 fetch 的 headers：{“Content-Type”: “multipart/form-data; boundary=” + boundary}，并将拼接后的 Uint8Array 作为 body 传入。
四、使用 XMLHttpRequest 替代方案上传 XML
XMLHttpRequest 原生支持 FormData 对象，可简化 multipart 构造逻辑，尤其适合处理带元数据的 XML 提交。
1、新建 FormData 实例：const formData = new FormData()。
2、调用 append 方法添加 XML 文件：formData.append(“xml_file”, new Blob([xmlString], {type: “text/xml”}), “data.xml”)。
3、可附加其他字段，如：formData.append(“token”, “abc123”)。
4、创建 XMLHttpRequest 实例，监听 onreadystatechange，调用 open(“POST”, url) 和 send(formData)。
五、处理服务器响应与错误反馈
background.js 需捕获网络异常、HTTP 状态码及响应格式错误，避免静默失败；上传结果应通过 chrome.runtime.sendMessage 返回给前端界面。
1、fetch 场景下检查 response.ok === false 或 response.status >= 400，并调用 response.text() 获取错误详情。
2、XMLHttpRequest 场景下判断 xhr.status === 0 表示网络中断，xhr.status === 4xx/5xx 表示服务端拒绝或错误。
3、无论成功或失败，均需调用 chrome.runtime.sendMessage({type: “upload_result”, data: {…}}) 将结果通知 content script 或 popup。