LocalStorage图像

Question

您好我需要一些帮助我正在制作旅行日记并提供一些帮助 通过表格上传一些信息。

我现在要做的是拆分此代码。我想把它分为两页 1页，您可以在其中上传信息 信息显示的页面

表格：

<form id="form" method="post" action="#">

        Titel:
        <input id="title" name="title" type="text"  />

        Onderschrift:
        <input id="message" name="message" type="text" />

        foto:
        <input id="file" name="file" type="file" />

        <input id="voegtoe" type="button" value="Toevoegen" />

        <button id="verwijder">Verwijder</button>
</form>

使用Javascript：

       $('#voegtoe').click(function () {
        var Title = $('#title').val();
        var Message = $('#message').val();
        var pic = document.getElementById("file").files[0];
        var imgUrl;
        var reader = new FileReader();  
        reader.onload = function(e) {
          var imgURL = reader.result;
          $('#notes').prepend("<div class='entry'><h1>" + Title + "</h1></p>" + "<p>" + Message + "<img src=" + imgURL + "></p> </div>");

          var notes = $('#notes').html();
          localStorage.setItem('notes', notes);
          saveDataToLocalStorage(imgURL);
        }
    reader.readAsDataURL(pic);
    return false;
});


$('#notes').html(localStorage.getItem('notes'));

$('#verwijder').click(function () {
    {
        window.localStorage.clear();
        location.reload();
    }