图片上传后，根据要听blob连接显示图片名字

当你将图片文件作为Blob对象上传后，通常需要对这个 Blob 对象进行处理，以便展示其对应的文件名。这通常涉及到两个步骤：

1. **获取文件名**：Blob对象本身并不包含文件名信息，你需要在上传时保存原始文件名，或者在上传完成之后从请求头、数据库或其他存储元数据中获取。

// 假设你有一个包含文件名和Blob的数组
const uploadedFiles = [
  { name: 'example.jpg', blob: fileBlob },
  //...
];

// 获取单个文件的文件名
const fileName = uploadedFiles[0].name;

2. **显示文件名**：你可以创建一个HTML元素（如`<img>`标签），并使用JavaScript设置其`src`属性为URL.createObjectURL(blob)，同时关联文件名。当用户试图查看该图片时，浏览器会自动下载或显示图片，并显示文件名作为描述。

<img id="image-preview" alt="" />
<script>
  const imgElement = document.getElementById('image-preview');
  imgElement.src = URL.createObjectURL(uploadedFiles[0].blob);
  imgElement.alt = uploadedFiles[0].name; // 文件名显示在alt属性中
</script>

当用户不再需要这个Blob时，记得释放URL:

window.URL.revokeObjectURL(imgElement.src); // 释放资源