將圖像保存爲Json文件

Question

我試圖爲瀏覽器創建擴展程序，並且希望將圖像保存到本地。我希望將圖像保存在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> 

Answer 1

JSON沒有真正的二進制數據存儲。如果你確信你確實必須這樣做，那麼你可以做的最好的事情就是base64編碼你的數據。

Answer 2

您將需要將圖像轉換爲Base64編碼，以便將其存儲在JSON中。 JSON不能包含二進制數據。