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 中国語 Web サイトの他の関連記事を参照してください。