如何在Firefox 107中使用JavaScript编辑并保存PDF文件？

针对Firefox 107内置PDF编辑器编辑后的文件上传问题，目前没有直接的JavaScript API可以直接从浏览器预览窗口获取编辑后的PDF数据，不过可以通过以下流程实现上传：

• 手动保存+文件上传控件提交
  1. 让用户在PDF预览完成编辑后，点击预览窗口内的「保存」按钮，将修改后的PDF保存到本地设备。
  2. 在你的Web应用中添加文件上传控件，引导用户选择刚才保存的PDF文件。
  3. 使用FormData结合fetch或XMLHttpRequest将文件提交到后端接口。

示例代码实现：

HTML 部分 #

<input type="file" id="editedPdfInput" accept=".pdf">
<button id="uploadBtn">上传编辑后的PDF</button>

JavaScript 部分 #

document.getElementById('uploadBtn').addEventListener('click', () => {
  const fileInput = document.getElementById('editedPdfInput');
  const selectedFile = fileInput.files[0];
  
  if (!selectedFile) {
    alert('请先选择编辑后的PDF文件');
    return;
  }

  const formData = new FormData();
  formData.append('pdfFile', selectedFile);

  // 替换为你的后端上传接口地址
  fetch('/api/upload-pdf', {
    method: 'POST',
    body: formData
  })
  .then(res => {
    if (res.ok) {
      alert('文件上传成功');
    } else {
      throw new Error('上传请求失败');
    }
  })
  .catch(err => console.error('上传错误:', err));
});

需要注意的是，由于浏览器沙箱限制，网页无法直接访问Firefox内置PDF编辑器处理后的临时文件，必须通过用户手动保存并选择的方式完成上传流程。

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