文本与图片文件的本地预览 | 星雨笔录

选择文件后预览文本或图片。

核心: 本地文本可用 file.text(),图片可用 URL.createObjectURL 临时预览,用后释放 URL。

最小示例:

const file = fileInput.files[0];
if (file?.type.startsWith('image/')) {
  const old = preview.src; preview.src = URL.createObjectURL(file);
  if (old.startsWith('blob:')) URL.revokeObjectURL(old);
}

学完能做: 选择文件后预览文本或图片。