2012-05-03 18 views
2

ブラウザ用の拡張機能を作成しようとしていますが、画像をローカルに保存します。私はjsonファイルに画像を保存したいと考えていました。私はかなり失われている方法を持っています。以下は私のコードですが、私はかなり遠いと確信しています。ありがとうJsonファイルに画像を保存

<label>Add New Image From Desktop</label> 
     <input type="radio" title="Add New Image From Local Machine" name="addMethod" id="radio" /> 
     </br> 
     <input type="file" id="file-field"/> 
     <input type="button" id="upload" value="Submit" /> 
     </br> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
     <script type="text/javascript" language="JavaScript"> 
      $(document).ready(function() { 
       $("#upload").click(function(data) { 
        //alert(data); 
        $.ajax({ 
         type : "POST", 
         url : "settings.json", 
         dataType : 'json', 
         data : { 
          json : JSONArray.stringify(data) /* convert here only */ 
         } 
        }); 
        window.location.reload(); 
       }); 
      }); 
     </script> 
+1

[Javascriptで画像データを取得する] [1]を参照してください。 [1]:http://stackoverflow.com/questions/934012/get-image-data-in-javascript – Fostah

答えて

4

JSONにはバイナリデータ用の実際のストレージがありません。本当にこれを行う必要があると思われる場合は、データをbase64でエンコードすることがベストです。

2

イメージをJSONに隠すために、イメージをBase64エンコーディングに変換する必要があります。 JSONにはバイナリデータを含めることはできません。

関連する問題