Home/ Questions/Q 6990961
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T19:25:40+00:00

What I have is a static website that should provide displaying a local image

  • 0

What I have is a static website that should provide displaying a local image from the user’s computer. This website has no real backend, it is only hosted on a static fileserver. Also the image hasn’t to be processed on the server, all processing is made on the client’s machine from the website itself.

What I’ve tried:

  1. Use local path.
    Problem: Cross origin policy, if the website is hosted under “www.mywebsite.com”, no static files are supported in the browser.

  2. Use the imageshack.us API for uploading in an iframe, then get back the images’ url.
    Problem: Cross origin policy, the iframe mustn’t transfer information to it’s parent if it’s content isn’t on the same domain.

Do you have any ideas how to solve this problem?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could use the FileReader API’s readAsDataURL and use the returned data URL to display the image. MDN’s page has an example, that does just this, and you can see it working here.

    Note that the FileReader API is relatively new, and there is no support for it in IE <10. Browser Support

    Demo of MDN’s code

    • 0