js-Code zum Hochladen und Anzeigen einer Vorschau von TXT-Dateien

Dieser Artikel teilt Ihnen hauptsächlich den JS-Code zum Hochladen und Vorschau von TXT-Dateien mit. Wenn Sie eine Vorschau von Bildern benötigen, müssen Sie Papaparse und Jschardet verwenden viele Beschreibungen hier.

Die Formularschaltfläche verwendet das Ereignis onchange="uploadfile()" von js. Der Funktionscode lautet wie folgt:

//此处为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);   
        }   
    }   
}

Der Effekt ist wie folgt:

Ich bin heute zufällig bei der Arbeit an einem Projekt auf diese Platte gestoßen. Da es sich um eine einfache TXT-Datei handelt, handelt es sich nur um Text. Wenn Sie eine Vorschau der Bilder benötigen, müssen Sie Papaparse und Jschardet verwenden. Hier gibt es nicht viele Beschreibungen.
Die Formularschaltfläche verwendet das Ereignis onchange="uploadfile()" von js. Der Funktionscode lautet wie folgt:

//此处为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);   
        }   
    }   
}

Der Effekt ist wie folgt:

Verwandte Empfehlungen:

Beispiel einer PHP-Methode zum zeilenweisen Lesen einer TXT-Datei

Das obige ist der detaillierte Inhalt vonjs-Code zum Hochladen und Anzeigen einer Vorschau von TXT-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!