Web Share API分享文件时文件名自动变更，如何保留原名？

问题现象 #

使用Web Share API分享自定义创建的sample.txt文件到WhatsApp时，文件名被替换为随机字符串（如share409662553725258186628...），但分享功能本身正常。

解决方案 #

以下几种方法可以尝试让目标应用（如WhatsApp）正确识别并保留原文件名：

方法1：规范File对象的构造参数 #

确保lastModified使用时间戳格式，并明确指定文件编码类型：

const parts = [
  new Blob(['you construct a file...'], {
    type: 'text/plain;charset=utf-8'
  })
];

const file = new File(parts, 'sample.txt', {
  lastModified: Date.now(), // 使用时间戳而非Date对象
  type: 'text/plain;charset=utf-8'
});

// 执行分享
if (navigator.share) {
  navigator.share({
    title: "Good",
    files: [file]
  });
}

方法2：使用TextEncoder编码内容后创建File #

将文本内容转换为Uint8Array后再生成File对象，确保内容编码符合标准：

const encoder = new TextEncoder();
const textContent = 'you construct a file...';
const parts = [encoder.encode(textContent)];

const file = new File(parts, 'sample.txt', {
  lastModified: Date.now(),
  type: 'text/plain;charset=utf-8'
});

// 执行分享
if (navigator.share) {
  navigator.share({
    title: "Good",
    files: [file]
  });
}

方法3：借助FileSystem Access API创建临时文件（需用户授权） #

如果前两种方法无效，可以通过FileSystem Access API创建一个用户可见的临时文件，再分享该文件：

async function shareFileWithOriginalName() {
  const textContent = 'you construct a file...';
  const suggestedFileName = 'sample.txt';

  // 请求创建临时文件的权限
  const fileHandle = await window.showSaveFilePicker({
    suggestedName: suggestedFileName,
    types: [{
      description: '文本文件',
      accept: {'text/plain': ['.txt']}
    }]
  });

  // 将内容写入文件
  const writableStream = await fileHandle.createWritable();
  await writableStream.write(textContent);
  await writableStream.close();

  // 获取File对象并执行分享
  const file = await fileHandle.getFile();
  if (navigator.share) {
    try {
      await navigator.share({
        title: "Good",
        files: [file]
      });
    } catch (error) {
      console.error('分享失败:', error);
    }
  }
}

// 调用分享函数
shareFileWithOriginalName();

原因说明 #

部分第三方应用（如WhatsApp）对通过代码直接创建的File对象存在特殊处理逻辑，可能会忽略File的name属性并生成随机文件名。上述方法通过规范文件构造参数、确保编码标准或使用用户授权的临时文件，提升了文件名被目标应用正确识别的概率。

内容的提问来源于stack exchange，提问作者Hit and Run