本文主要和大家分享js实现txt文件的上传并预览的代码，因为是简单的txt文件，只涉及文本，如果需要涉及图片预览就需要使用papaparse和jschardet，此处不多叙述。
表单按钮使用js的onchange=”uploadfile()” 事件，function函数代码如下所示：
//此处为txt文件上传预览的js代码function uploadfile(){ var file=$("#txt")[0].files[0]; //判断上传文件是不是txt格式,判断后缀是不是.txt if(file.name.substr(-4).tolocalelowercase() != '.txt'){ alert("请上传格式为txt的文件！"); windows.location="test.jsp";//重新定位到上传txt文件页面 } else//如果上传文件是txt文件，则显示文件的预览 { var reader=new filereader; reader.readastext(file,'gb2312'); //reader.readasdataurl(file); reader.onload=function(evt){ var data=evt.target.result; $('#textarea_id').val(data); } } }

效果如下：
今天做项目刚好碰到这个记录一下。因为是简单的txt文件，只涉及文本，如果需要涉及图片预览就需要使用papaparse和jschardet，此处不多叙述。
表单按钮使用js的onchange=”uploadfile()” 事件，function函数代码如下所示：
//此处为txt文件上传预览的js代码function uploadfile(){ var file=$("#txt")[0].files[0]; //判断上传文件是不是txt格式,判断后缀是不是.txt if(file.name.substr(-4).tolocalelowercase() != '.txt'){ alert("请上传格式为txt的文件！"); windows.location="test.jsp";//重新定位到上传txt文件页面 } else//如果上传文件是txt文件，则显示文件的预览 { var reader=new filereader; reader.readastext(file,'gb2312'); //reader.readasdataurl(file); reader.onload=function(evt){ var data=evt.target.result; $('#textarea_id').val(data); } } }

效果如下：
相关推荐：
php逐行读取txt文件的方法实例
以上就是js实现txt文件的上传并预览的代码的详细内容。