本文主要和大家分享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);
}
}
}效果如下： 
赣极购物商城网店建站软件系统
下载
大小仅1兆左右 ，足够轻便的商城系统； 易部署，上传空间即可用，安全，稳定； 容易操作，登陆后台就可设置装饰网站； 并且使用异步技术处理网站数据，表现更具美感。 前台呈现页面，兼容主流浏览器，DIV+CSS页面设计； 如果您有一定的网页设计基础，还可以进行简易的样式修改，二次开发， 发布新样式，调整网站结构，只需修改css目录中的css.css文件即可。 商城网站完全独立，网站源码随时可供您下载
今天做项目刚好碰到这个记录一下。因为是简单的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);
}
}
}效果如下：
相关推荐：
