input=file 上传图片,PPT,视频

多文件上传

$('#file').change(function(e){
   var  files=e.target.files;
    var obj={};
    var mediaArray=[];
    for(var i=0;i<files.length;i++){
    var item=files[i];
    obj={
      name:item.name,             //文件名称
      size:item.size,                  //文件大小
      type:item.type.split('/')[1], //文件类型
    }
    mediaArray.push(obj);
    }
})

单文件上传

$('#file').change(function(){
    var file=e.target.files[0];
        var fileType =file.name.split('.')[1];//获取文件后缀名   不同文件获取后缀名 方式不同
        var fileSize=file.size/1000;   //文件大小
        var fileName=file.name;        //文件名称
        var reader=new FileReader();
         //使用该对象读取file文件
            reader.readAsDataURL(file);
              var obj={
                name:fileName,
                size:fileSize,
                type:fileType
                }
              fileArray.push(obj);
})

上传图片

$('#chooseImage').on('change',function(e){
      // 检查是否是图片
      var filePath = $(this).val(),
      fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();//获取文件后缀名
      //检查后缀名
      if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {
            showError('文件格式必须为：png/jpg/jpeg');//showError是另外写的一个显示错误信息的function
            return;  
      }

      //获取并记录图片的base64编码
      var reader = new FileReader();
      reader.readAsDataURL(e.target.files[0]); // 读出 base64
      reader.onloadend = function () {
            // 图片的 base64 格式, 可以直接当成 img 的 src 属性值        
           var dataURL = reader.result;//base64
           // 显示图片
           $('#showImg').attr('src',dataURL);
      };
});

限制上传格式

<input type="file"  id="uploadFile"  accept=".ppt,.pdf,.pptx">    //只能上传文件.ppt .pdf .pptx后缀的文件