将图像保存到Json文件

时间:2012-05-03 20:35:17

标签: jquery json html5

我尝试为浏览器创建扩展程序,我想在本地保存图像。我希望将图像保存在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>

2 个答案:

答案 0 :(得分:4)

JSON没有二进制数据的实际存储空间。如果您认为自己真的必须这样做,那么您可以做的最好的事情就是对数据进行base64编码。

答案 1 :(得分:2)

您需要将图像转换为Base64编码,以便将其存储在JSON中。 JSON不能包含二进制数据。