[FilePondUpload] How to set default image or file?

Forge Component
Published on 19 Mar by Stuart Harris
5 votes
Published on 19 Mar by Stuart Harris

How to set default image or file?

Hi Phisanu,

Thank you for your question.

I am happy to help, but I do not understand what you mean.  Let me ask a few questions to clarify.

Would you like to be able to change

  • the way the drop panel looks? or
  • the image shown for the file upload?

For changing the styling of the drop panel. The following CSS will change the display to this.  I have added an example styling page to the demo.

SyntaxEditor Code Snippet

.filepond--root .filepond--drop-label {
    background: url(/FilePondUpload_Sample/img/target.png) center no-repeat #fff;
    height: 300px;

.filepond--root .filepond--drop-label label {
    background: #333;
    color: #eee;

I hope this helps!

Kind regards,


See documentation on the DefaultFileURL configuration attribute for how to set a default file as if the user had already selected a file.