html简单的多文件预览

        html5中的文件操作

                    fileReader:读取文件

                    readAsText():读取文本返回字符串值

                    readAsBinaryString():读取任意类型文件，返回二进制字符串，一般用于存储数据

                    readAsDataURL():读取一段以data-开头的字符串

                    abort():中断读取文件

       文件读取事件有

                    onerror:读取错误时

                    onload:读取成功并完成后

                    onloadend:读取完成后（即使没有成功）

                    onstart:读取开始时

                    onProgress:读取过程中

        以下为一个简单的多文件读取预览的代码

                    

        注意：var reader = new FileReader();时即新建文件阅读对象时需要放在循环体中，否则会报错

                    The object is already busy reading Blobs.  

      使用file = document.querySelector("input[type=file]");来获取input中的选取的文件

       为此input在行内添加multiple="multiple"可以让文件多选

        使用document.createElement("元素");创建元素，并使用父元素.appendChild()方法追加

        正则写法  var 表达式名=/正则表达式/;     在最前方加^符号表示以此正则开头，

                                                                        在最后方加$符号表示以此正则结尾