是否可以在NW.js中保存html元素更改？

Question

我正在开发一个简单的应用程序，允许用户上传图像和视频，同时这样做会自动为上传并包装的每个内容生成<div>。每个上传的图片都保留在前一个特别风格化的图片旁边。

我想要的是每次上传后（图片或视频），即使我关闭我的应用程序，它仍然存在。如果我将来删除它，自然会消失。

是否可以在没有任何本地数据库的情况下执行此操作，如果不是，使用数据库和使用哪个模块的最佳方法是什么？

//image upload

function uploadImage(file) {

  var reader = new FileReader();

  var div_img = $('<div class="content"></div>');

  reader.onload = function(event) {

    img_url = event.target.result;

    div_img.html(('<img src="' + img_url + '" onmousedown="return false" />'));

    div_img.appendTo('#wrapper');

  }

  reader.readAsDataURL(file);

}

$("#the-image-file-field").change(function() {

  uploadImage(this.files[0])

});

//video upload

function renderVideo(file) {

  var reader = new FileReader();

  var div_vid = $('<div class="content_video"></div>');

  reader.onload = function(event) {

    vid_url = event.target.result;

    div_vid.html(('<video controls><source src="' + vid_url + '" type="video/mp4" /> '));

    div_vid.appendTo('#vid_container');

  }

  reader.readAsDataURL(file);

}

$("#the-video-file-field").change(function() {

  renderVideo(this.files[0])

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<input type='file' id="the-image-file-field" accept="image/*" />

<input type="file" id="the-video-file-field" accept="video/*" />

<div id="wrapper" class="wrapper">

  <div id="vid_container"></div>

</div>

<script src="javascripts/uploader.js"></script>