html5 文件系统(一)

来源:互联网 发布:淘宝账号被冻结会怎样 编辑:程序博客网 时间:2024/06/14 07:52

我这里写的不是详细的html5的文件操作。
网上百度一下。可以搜索到很多这样的信息。
我这里是带大家来认识html5 文件系统的api和在哪里查找这些api。


File API    File API: Writer  File API: Directories and System


然后根据这些api来写一个关于上传图片,立即显示图片的demo。


<script src="jquery.js"></script><script>var files = [];function remember(ele) {console.log(ele)//files = files.concat(ele.files);files = $.merge(files, ele.files)console.log(files);showFiles(files);}function showFiles(files) {$("img").remove();$.each(files, function(index, file) {console.log(window.URL.createObjectURL(file))var reader = new FileReader();reader.onload = function() {$('<img src="' + this.result + '"/>').appendTo('body');console.log(this.result)}reader.readAsDataURL(file);})}</script><input type=file onchange=remember(this) multiple="multiple">




0 0
原创粉丝点击