Question

我从本网站获得了另一个回答问题的代码。但我想要的是，我想制作一个按钮，将新上传的图片保存在div中。如果我刷新页面，新上传的图片就在那里，而不是旧图片。

HTML：

   <div id="profilepic">
        <img src = "Anonymous.png" class = "profilepic" height="200px" width="200px"><br/>
    </div>
    <form id="changepic">
    <br/><input id="file" type="file" name="files[]" onchange="readURL(this)"><br/>
    </form>

PHP：

    $(".imageSection button").click(function() {
        $(".imageSection img").removeClass("activeImage");
        $(this).parent().find("img").addClass("activeImage");
    });
    $(".imageSection:eq(0) img").addClass("activeImage");

    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('.profilepic,.activeImage').attr('src', e.target.result).width(200).height(200);

                $('.activeImage').css('display', 'inline');
            };

            reader.readAsDataURL(input.files[0]);
        }
    }

在这段代码中，当我上传图片image.jpg时，它将用image.jpg替换图片anonymous.png。现在我想要的是，当图片被更改时，它将是永久性的（就像我刷新页面，转到另一页然后再回去），除非我想再次更改它。（它必须像facebook，twitter等中的更改个人资料图片功能。）

如何＆＃34;保存＆＃34;使用函数替换div中的特定图片？

0 个答案: