txt 파일을 업로드하고 미리보기 위한 js 코드

이 글에서는 주로 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);   
        }   
    }   
}

효과는 다음과 같습니다.

관련 권장 사항:

PHP 읽기 txt 파일을 한 줄씩 메소드 인스턴스

위 내용은 txt 파일을 업로드하고 미리보기 위한 js 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!