vue:含有pdf内容的 'blob:adsd' 转换为图片在 展示

在Vue.js中，当你有一个PDF内容作为`blob:`格式的数据，想要将其转换为图片并展示，你可以利用HTML5的FileReader API配合第三方库，如jsPDF或html2canvas等。以下是大致步骤：

1. 首先，你需要创建一个FileReader实例，并设置它的onload事件处理函数，当文件读取完成时，这个函数会被触发。

const reader = new FileReader();
reader.onload = (event) => {
  // event.target.result 就是Blob的内容，可以在这里解析成Base64格式的图片数据
  const imgData = event.target.result;
  
  // 然后将Base64数据插入到img标签src属性中显示图片
  displayImage(imgData);
};

reader.readAsDataURL(yourBlob); // 替换yourBlob为你实际的blob对象

2. `displayImage`函数会接收Base64编码的图片数据，然后动态生成img元素，展示图片：

function displayImage(base64Data) {
  const imgElement = document.createElement('img');
  imgElement.src = `data:image/png;base64,${base64Data}`;
  // 如果需要的话，你可以选择合适的容器插入img元素，例如document.body或者某个div
  document.getElementById('image-container').appendChild(imgElement);
}

请注意，如果你的PDF包含复杂图表或其他非文本内容，直接转换为图片可能会失去原有布局，这时候可能需要借助PDF转SVG或者PDF.js这样的库进行更精细的操作。