이 글에서는 주로 js에서 txt 파일을 업로드하고 미리보기 위한 코드를 공유합니다. 이는 단순한 txt 파일이므로 텍스트만 포함하므로, papaparse와 jschardet을 사용해야 합니다. 여기에서 자세히 알아보세요.
폼 버튼은 js의 onchange="uploadfile()" 이벤트를 사용합니다. 함수 함수 코드는 다음과 같습니다.
//此处为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()" 이벤트를 사용합니다. 함수 함수 코드는 다음과 같습니다.
//此处为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 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!