title: Minio: Render images in browser
body: <p>I'm uploading my svg files to my local minio server (running in docker).</p>
  <pre><code>const uploadedFile = await client.putObject(bucketName, filename, readStream);
  </code></pre>
  <p>I then generate a public URL e.g. <code>http://localhost:9000/link-identifiers/example.svg</code> and I can download the files from there publicly</p>
  <p>If I want to display it in the browser like <code>&lt;img src={picUrl}&gt;</code>, the images don't render at all.</p>
  <p><a href="https://i.stack.imgur.com/CfyiX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CfyiX.png" alt="enter image description here" /></a></p>
  <p>I get those Response Headers in the browser:</p>
  <pre><code>HTTP/1.1 200 OK
  Accept-Ranges: bytes
  Content-Length: 124775
  Content-Security-Policy: block-all-mixed-content
  Content-Type: application/octet-stream
  ETag: &quot;109be6a37b9091e50651b3cbbe6bed3a&quot;
  Last-Modified: Wed, 02 Sep 2020 06:44:28 GMT
  Server: MinIO/RELEASE.2020-08-07T01-23-07Z
  Vary: Origin
  X-Amz-Request-Id: 1630E4E87DF71408
  X-Xss-Protection: 1; mode=block
  Date: Wed, 02 Sep 2020 06:52:34 GMT
  </code></pre>
  <p>Is there any additional configuration for the minio server I need in order to make images render?
  If I'm able to download them &amp; and they're perfectly fine (when viewing them), shouldn't they be able to render in the browser too?</p>
  <p>Currently the permissions for the bucket are set to <code>public</code> with:</p>
  <pre><code>mc policy set public myminio/link-identifiers
  </code></pre>