我这里写的不是详细的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 οnchange=remember(this) multiple="multiple">