html5 实现客户端验证上传文件的大小(简单实例)

2019-01-28 14:53:32于海丽
  •             return mimes;      
  • }  

    这里其实就是将ZIP,PNG这样的类型传入,然后返回一个这类文件对应的MIME/TYPE,比如定义一个 mime_types数组,如下:

    JavaScript Code复制内容到剪贴板
    1. var mime_types = {       "gif":"image/gif",     
    2. "jpeg":["image/jpeg","image/pjpeg"],      "jpg":["image/jpeg","image/pjpeg"],     
    3. "jpe":["image/jpeg","image/pjpeg"],      "png":["image/png","image/x-png"],     
    4. ..................      }    

    重点关注的是HTML 5中,新的文件API,可以在客户端马上判断文件类型,如下: 

    XML/HTML Code复制内容到剪贴板
    1. var files = evt.target.files; // 获得文件对象,是一个集合,可以有多个文件      var file_count = files.length;  //文件长度     
    2.       var file_1 = files[0]; // or files.item(0);这里获得多个文件中的第一个文件     
    3.       var name = file_1.name; //获得文件名     
    4. var size = file_1.size;//获得文件大小      var type = file_1.type; //文件类型     
    5. var lastModifiedDate = file_1.lastModifiedDate;  //文件修改时间    

    详细的关于HTML 5文件上传的,见: http://www.w3.org/TR/file-upload/

    以上这篇html5 实现客户端验证上传文件的大小(简单实例)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易采站长站。

    原文地址:http://www.manongjc.com/article/814.html