filepond - 如何从文件池中为 vue 中的其他组件获取图像 blob

Question

我正在一个有配置设置和预览窗格的页面上工作。我希望filepond在上传图像时提供位图（blob？）图像，以便它可以显示在实时预览创建者窗格div标签中，而不是最初显示的元素（filepond）中，这可能吗？

我正在使用vue-filepond

score 1 · Accepted Answer

您在 onprocessfile 回调中收到文件项。该file属性包含文件对象。您可以使用URL.createObjectURL返回的 URL 并将其传递给图像 src 以显示图像。

假设您<img>在页面上有这样的东西应该可以工作。

const image = document.querySelector('img');
image.src = URL.createObjectURL(fileItem.file);

1 回答 1