Maison > interface Web > js tutoriel > code js pour télécharger et prévisualiser les fichiers txt

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

小云云
Libérer: 2018-03-26 17:19:10
original
2279 Les gens l'ont consulté

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);   
        }   
    }   
}
Copier après la connexion
Copier après la connexion

L'effet est le suivant :
code js pour télécharger et prévisualiser les fichiers txt
code js pour télécharger et prévisualiser les fichiers txt
code js pour télécharger et prévisualiser les fichiers txt

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);   
        }   
    }   
}
Copier après la connexion
Copier après la connexion

L'effet est le suivant :
code js pour télécharger et prévisualiser les fichiers txt
code js pour télécharger et prévisualiser les fichiers txt
code js pour télécharger et prévisualiser les fichiers txt

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal