<input type="file"> 样式修改+读取本地文件内容【相同文件】

1、自定义样式

<div style="position: relative;">
    <div>Input 上传文件</div>
    <input type="file" accept="text/plain" name="file" style="position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;">
</div>

2、读取本地文件内容

$(function () {
    $("input[type='file']").on("change", function () {
        var file = $("input[type='file']")[0].files[0];
        var reader = new FileReader();  //新建一个FileReader
        reader.readAsText(file, "UTF-8");   //读取文件
        reader.onload = function (evt) {    //读取完文件之后会回来这里
            var fileString = evt.target.result;     //  读取文件内容
            $("input[type='file']").val("");         //  读取之后清楚绑定chang事件
            console.log(fileString);
        }
    });
})            

　　注意：请求完文件解析后，清空input的value值，才能每次访问相同的文件都可以监控到。