code js pour télécharger et prévisualiser les fichiers txt

Cet article partage principalement avec vous le code js pour télécharger et prévisualiser les fichiers txt. Parce qu'il s'agit d'un simple fichier txt, il n'implique que du texte. Si vous avez besoin de prévisualiser des images, vous devez utiliser papaparse et jschardet. beaucoup de description ici.

Le bouton du formulaire utilise l'événement onchange="uploadfile()" de js. Le code de la fonction est le suivant :

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

L'effet est le suivant :

Il m'est arrivé de tomber sur ce disque alors que je travaillais sur un projet aujourd'hui. Parce qu'il s'agit d'un simple fichier txt, il ne s'agit que de texte. Si vous avez besoin de prévisualiser des images, vous devez utiliser papaparse et jschardet. Il n'y a pas beaucoup de description ici.
Le bouton de formulaire utilise l'événement onchange="uploadfile()" de js. Le code de la fonction est le suivant :

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

L'effet est le suivant :

Recommandations associées :

Exemple de méthode PHP de lecture du fichier txt ligne par ligne

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!