My白开水

导航

6月4号=》71页-75页

3.3.2  使用FileReader读取文件内容

    FileReader同样是一个JavaScript对象,开发者可以通过该对象在客户端读取文件上传域所选择的文件内容。

    FileReader提供了如下方法:

      readAsText(file,encoding):以文本文件的方式来读取该文件,其中encoding参数指定读取该文件时

                    所用的字符集,该参数的默认值是UTF-8.

      readAsBinaryString(file):以二进制方式来读取该文件。通过这种方式可以读取文件内容的二进制数据,

                   这样就可以通过Ajax把数据上传到服务器。

      readAsDataURL(file):以DataURL方式来读取文件。这种方式也可用于读取二进制文件,只是这种方式

                 将会采用base64方式把文件内容编码成DataURL格式的字符串。

      abort():停止读取。

      需要指出的是,FileReader的所有readXxx()方法都是异步方法,这些方法都不会直接返回读取的文件内容,

      程序必须以事件监听的方式来获取读取的结果。FileReader提供了如下事件来监听读取过程。

        onloadstart:FileReader开始读取数据时触发该事件指定的函数。

        onprogress:FileReader正在读取数据时触发该事件指定的函数。该事件可以实时监控文件的读取进度。

        onload:FileReader成功读取数据后触发该属性事件的函数。

        onloadend:FileReader读取数据完成后触发该事件指定的函数,无论读取成功还是读取失败都将触发

              该事件指定的函数。

        onerror:FileReader读取失败时触发该事件指定的函数。

          

3.4  HTML5新增的客户端校验

  3.4.1  使用校验属性执行校验

      HTML5为表单控件新增了如下几个校验属性:

        required:该属性指定该表单控件必须填写。该属性的值必须是required或完全省略属性值。

        pattem:该属性指定该表单控件的额值必须符合指定的正则表达式。该属性的值必须是一个

              合法的正则表达式。

        min、max、step:这三个属性只对数值类型、日期类型的<input>元素有效,这3个属性控制

                 该表单控件的值必须在min~max之间,并符合step倍数。

 

posted on 2014-06-05 21:12  My白开水  阅读(122)  评论(0)    收藏  举报