Im using vuejs 3.. where will i put this property filePosterHeight?

Plugin works fantastic 👍 but I'm stuck on something that I suspect is very simple...

I have a custom server.process that handles uploading videos. When the video has finished uploading, the server response includes a URL to the video's thumbnail image.

How can I change FilePond's poster after the video finishes uploading?

Hello,

If I use styleItemPanelAspectRatio=1, the image is not resize.
In the meantime I've added this correction in CSS :

.filepond--file-poster img {
    width: auto;
    position: absolute;
    left: -50%;
    top: 0;
    will-change: transform;
    height: 100%;
    right: -50%;
    margin: 0 auto;
}

Thanks

So i am using FilePoster along with FilePreview and i see 3 requests to the same image. I wonder why its happening.

Hi,

I'd like to use both FilePoster and ImagePreview at the same time to view local images and newly added images. Using both, posters are loaded properly but the preview size is incorrect and previews for new images are correct. Is there anyway to resolve this? A quick solution for me would be to pass image dimensions in metadata that will be used instead of any calculated dimensions. Happy to help.

https://github.com/pqina/filepond-plugin-file-poster/blob/master/src/js/view/createPosterWrapperView.js#L43-L45

The colour used in the canvases for the Poster plugin is hardcoded and cannot be modified using CSS. It would be great to be able to change the color used for each canvas (possibly via CSS variables).

Hello,

First, want to start out by saying WOW! This tool is amazing.

My use case is that I'm using filepond to upload images to my server when creating a new item.
And using it to display existing uploaded images via the "file poster" plugin when a user edits/opens up an existing item.

In filepond there's a way to trigger on a callback when a file is removed using "onprocessfilerevert".

Would you know if there's a similar callback function in "file poster" plugin when removing a picture by clicking on the X icon in the top left of the image?

Because I'm trying to capture which images have been removed when an item is being edited.

Thank you for your help.

Hello,

Is it possible to set a poster from a raw binary data?
When I try to set something like this:

metadata: { poster: 'data:image/jpg;base64,/9j/4AAQSkZJRgABAQA...' }

The image does not appear...

Thank you in advance!

Hi there,
after latest update image fails to load. the image displays ok when using previous version 1.0.0.

Image is stored in a public s3 bucket with cors enabled.
just wanted to let you know.
Thank you for your efforts.

Refer to #1

I update poster url after uploading the image, but some unexpected behaviour is occurring.
When the file is uploaded in less than a second the poster is updated and the status becomes completed which is expected behaviour.
when the process takes more than a second, then the poster is updated but the delete call is made and status becomes idle, but after clicking upload button it works as expected

codesandbox reproduced example
change timeout to 2000 or more ms

when i use this plugin
the input value filling with [object Object]

why it changes the input value?
this is how i show the image
files: [ { options: { type: 'local', file: { name: '{{ $value }}', size: 3434, type: 'image/png' }, metadata: { poster: '{{ assets($value) }}' } } } ]

i want use FilePond.create to preview my server file,but no documentation was found，Can you tell me what to do？
<el-form-item label="模版缩略图" prop="img"> <file-pond name="img" ref="pond" v-bind:allow-multiple="false" accepted-file-types="image/jpeg, image/png" :instantUpload="uploadServer.instantUpload" :server="uploadServer.server" v-bind:files="uploadServer.file1" @init="handleFilePondInit" v-on:processfile="processfile1"/> </el-form-item>