将图像保存为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不能包含二进制数据。