バックエンドなしで静的なWebサイトにローカルイメージを取得する方法はありますか？

Question

私が持っているものは、ユーザーのコンピュータからローカルイメージを表示する静的なWebサイトです。このウェブサイトには実際のバックエンドはなく、静的ファイルサーバーでのみホストされています。また、イメージはサーバー上で処理されないため、すべての処理はWebサイト自体からクライアントのマシン上で行われます。

1. はローカルパスを使用してください：私が試した何

   。 問題：クロスオリジンポリシー。ウェブサイトがwww.mywebsite.comでホストされている場合、ブラウザには静的ファイルはサポートされていません。

2. iframeでのアップロードにimageshack.us APIを使用して、イメージのURLを取得します。 問題：クロスオリジンポリシーでは、コンテンツが同じドメインに存在しない場合、iframeは親に情報を転送してはなりません。

この問題を解決する方法はありますか？

おかげ

Answer 1

あなたがFileReader APIのreadAsDataURLを使用して画像を表示するために返されたデータのURLを使用することができます。 MDNのページには例があり、これだけです。hereを見ることができます。 FileReader APIは比較的新しく、

Demo of MDN's code

をIEでそれがサポートされていない

注意