前台页面操作文件属性。

有时间对于要上传的文件需要进行大小以及格式的限制。因此我们需要进行处理。下面有一篇文章讲的是file的api

附上链接：https://www.cnblogs.com/zichi/p/html5-file-api.html  有需要的朋友可以进行详细的研究。

另外在搜索的过程中我也发现了一个实现的不错的前段js，就顺手保存了下来，以便于自己以后使用，却忘了出处。

下面贴出来让大家参考一下。若有不妥之处，请指出。若有大神发现出处，请告知，本人会附上其链接。

// html

<a href="javascript:;" class="file">添加附件
    <input type="file" name="" id="fileId" onchange="upload()">
</a>

/**判断上传文件文件格式**/
var filePath ="";
var fileType ="";
function upload(){
    var fileName = $('#fileId').val().split('\\'); //得到文件名数组
    var fileSize =  document.getElementById('fileId').files[0]; //获得文件大小；
    fileName2 = fileName[fileName.length-1]; // 获得文件名
    filePath = $('#fileId').val().toLowerCase().split(".");
    fileType =  filePath[filePath.length - 1]; //获得文件结尾的类型如 zip rar 这种写法确保是最后的
    $('.errHint').show().text(fileName[2]);
    console.log(filePath);
    console.log(fileType);
    if(!(fileType == "png" || fileType == "jpg" || fileType == "xlsx"|| fileType == "docx"|| fileType == "rar" || fileType == "zip" )){
        $('.errHint').show().text('文件格式不符合要求！')
    }else if(fileSize.size>10485760){
        $('.errHint').show().text('错误！请上传不超过10M的文件');
        return
    }
}

共勉，努力学习，一起进步。谢谢！