質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.35%

web storage の エラーについて

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 692

yousuke-masa

score 10

使用している言語 
html javascript の2つです
これだけでどこまでできるのか挑戦中です。(グーグルクロームの中だけで作成しているため)

本題です。
このエラーから先に進めません。

エラー文

Imported resource from origin 'file://' has been blocked from loading by Cross-Origin Resource  Sharing policy: Invalid response. Origin 'null' is therefore not allowed access.

エラー文の翻訳(グーグル翻訳を使って)

インポートされたリソースの原点から「ファイル://」は、クロスオリジンリソースの共有ポリシーによってロードからブロックされています:無効な応答を。オリジン「ヌル」はそのためのアクセスが許可されていません。

この文は何をしたら治るのでしょうか?

私がローカルストレージのところをいじりだしてからこのようなことが発生したと思います・・・。

間違い等があったら指摘してもらえると助かります。

下のコードはサーバーを通さないで作っているホームページの一部です。

ぜひ皆様の力をお貸しください。

以上です。

//送りたい側
<script>
function iken(){

var value1 = document.getElementById("ujimei").value;
var value2 = document.getElementById("conten").value;
var kuu = document.getElementById("ujimei")

    if (kuu.value=="") {
        localStorage.setItem("key","名無し");
        localStorage.setItem("key", value2);
    }else{
      localStorage.setItem("key", value1);
      localStorage.setItem("key", value2);
       alert(value1);
           }
       alert(value1);
       alert(value2);
}
</script>
<hr>
<form name="gennzai"action="飛ばしたい.html">
感想があれば<br>

名前:<br/>
<input type="text"placeholder="名無しでも構いません"id="ujimei"value=""><br>
ご意見:<br/>
<textarea id="conten"placeholder="こちらは書かないと送信されません"></textarea><br/>
<input type="submit"value="送信"onclick="iken()">
</form>
//受け取る側
<script>
function skkssk(){
var value = localStorage.getItem("key");

for (var i = 0; i < localStorage.length; i++) {
    var key = localStorage.key(i);
}
}
</script>
<body onload=skkssk()>
<pre>
<lavel>コメントありがとうございました。</lavel>

<lavel>名前:</lavel>     //ここにローカルストレージで取った値(value1)を書き込みたい
<lavel>ご意見:</lavel>   //ここにローカルストレージで取った値(value2)を書き込みたい

<lavel>以上のコメントを受け取りました。</lavel>

ページを開いてから5秒後にドラえもんクイズページに戻ります。
</pre>

</body>

返信が遅くなってしまう可能性があります。ご了承下さい。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+4

セキュリティ上の理由により、Google Chromeでは、ローカルにファイルとして置いたものについて、送信処理などが行えなくなっています。

とりあえず進めたいのであれば、Chromeを「--disable-web-security」(参考)付きで起動してみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/27 17:38

    キーワードと参考のアンカータグありがとうございます。
    なるほどgoogleのセキュリティーだったのですか。
    そのような問題もエラーとしてあらわれることを初めて知りました。
    素早い時間で回答を出していただき本当に感謝・感激です。
    助かりました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.35%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る