title: Duplicating file when I want to display image from server Filepond
body: <p>I know that I have to use from &quot;files&quot; property to display an uploaded image from server to Filepond, but it always duplicates my uploaded file on server and it loads again with percentage progress bar on top right, I only want to display an uploaded image without duplicating it and filling progress of circleprogress, but how?
  here is the code:</p>
  <pre><code>const pond = FilePond.create({
  files: [
      {
          // The id of the file
          source: '12345',
  
          // A 'local' file has been uploaded
          // to the server in a previous sessions
          options: {
              type: 'local',
          },
      },
  ],});
  </code></pre>
  <p>It is the duplicated image:</p>
  <p><a href="https://i.stack.imgur.com/Wm3jZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Wm3jZ.png" alt="enter image description here" /></a></p>
  <p>Original file is Screenshot from 2022-08-16 08-36-47.png and duplicating file is blob</p>
  <p>I dont want load file again:</p>
  <p><a href="https://i.stack.imgur.com/NCZHa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NCZHa.png" alt="enter image description here" /></a></p>
  <p>I have this issue when I want to edit a post.</p>