如何从Filepond中获取图像斑点以获取Vue中的其他组件

Question

我正在一个页面上，其中有一个配置设置和一个预览窗格。我希望 filepond 在上载图像时提供位图（blob？）图像，以便可以将其显示在实时预览创建者窗格的div标签中，而不是 element（filepond）< / strong>最初显示在此上，

我正在使用 vue-filepond

Answer 1

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

假设您在页面上有一个<img>，应该可以使用。

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

https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL