本文主要和大家分享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文件上传预览的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);
}
}
}以上是js實作txt檔案的上傳並預覽的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
