title: loading image in cypress
body: <p>I have this code</p>
  <pre><code>            cy.get('input[type=&quot;file&quot;]').attachFile({
                  fileContent: fileContent.toString(),
                  fileName: 'test-image.jpeg',
                  mimeType: 'image/jpeg'
              })
          })
  </code></pre>
  <p>The file is uploaded but when the file uploads its supposed to show the preview of the image  but it says that the file does not preview. It just shows something like this:
  <a href="https://i.stack.imgur.com/fuKAo.png" rel="nofollow noreferrer">https://i.stack.imgur.com/fuKAo.png</a></p>
  <p>i have the same issue for pdf:
  my code is:</p>
  <pre><code>cy.fixture('test-pdf.PDF', &quot;binary&quot;).then(Cypress.Blob.binaryStringToBlob).then((fileContent) =&gt; {
              cy.get('input[type=&quot;file&quot;]').attachFile({
                  fileContent: fileContent.toString(),
                  fileName: 'test-pdf.PDF',
                  mimeType: 'application/PDF'
              })
  </code></pre>
  <pre><code>but the preview is like this:
  </code></pre>
  <p><a href="https://i.stack.imgur.com/ZnKpN.png" rel="nofollow noreferrer">https://i.stack.imgur.com/ZnKpN.png</a></p>
  <p>The same loads well in normal browsers only failing when running tests in cypress
  What changes do i have to make to make the image and pdf load/preview?
  Thank you</p>