js在本地保存图片不显示

// 假设你已经有了一个图片的Blob对象
const imageBlob = new Blob([/* 图片数据 */], { type: 'image/png' });

// 请求用户选择一个保存位置
const handle = await window.showSaveFilePicker({
  suggestedName: 'my-image.png',
  types: [{
    description: 'PNG Images',
    accept: {
      'image/png': ['.png'],
    },
  }],
});

// 写入文件
const writable = await handle.createWritable();
await writable.write(imageBlob);
await writable.close();

console.log('图片已保存到:', handle.name);

// 假设你已经有了一个图片的Blob对象
const imageBlob = new Blob([/* 图片数据 */], { type: 'image/png' });

// 创建一个指向该Blob的URL
const imageUrl = URL.createObjectURL(imageBlob);

// 创建一个a标签用于下载
const link = document.createElement('a');
link.href = imageUrl;
link.download = 'my-image.png';

// 模拟点击链接进行下载
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

// 释放URL对象
URL.revokeObjectURL(imageUrl);