我正在开发一个简单的应用程序,允许用户上传图像和视频,同时这样做会自动为上传并包装的每个内容生成<div>。每个上传的图片都保留在前一个特别风格化的图片旁边。我想要的是每次上传后(图片或视频),即使我关闭我的应用程序,它仍然存在。如果我将来删除它,自然会消失。是否可以在没有任何本地数据库的情况下执行此操作,如果不是,使用数据库和使用哪个模块的最佳方法是什么?//image uploadfunction 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 uploadfunction 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>
添加回答
举报
0/150
提交
取消