js 文件路径 转 blob

// 假设这是你的文件路径
const filePath = 'path/to/your/image.jpg';

// 创建一个新的Image对象
const img = new Image();

img.onload = function() {
  // 图片加载完成后，创建一个canvas元素
  const canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;
  const ctx = canvas.getContext('2d');
  ctx.drawImage(img, 0, 0);

  // 将canvas内容转换为Blob对象
  canvas.toBlob(function(blob) {
    // 创建一个指向该Blob的URL
    const url = URL.createObjectURL(blob);
    
    // 使用这个URL来显示图片
    const previewImg = document.createElement('img');
    previewImg.src = url;
    document.body.appendChild(previewImg);
    
    // 记得释放URL对象
    URL.revokeObjectURL(url);
  }, 'image/jpeg'); // 指定MIME类型
};

img.onerror = function() {
  console.error('图片加载失败');
};

// 设置图片的src属性，开始加载图片
img.src = filePath;