Maison> Tutoriel CMS> Discuz> le corps du texte

Comment Discuz résout le problème de l'affichage d'images floues sur les téléphones mobiles

咔咔
Libérer: 2020-05-04 10:38:55
original
4302 Les gens l'ont consulté

Le contenu principal de cet article : Comment Discuz résout le problème de l'affichage d'images floues sur les téléphones mobiles. Le contenu principal est que Discuz implémente des fonctions telles que le téléchargement de plusieurs images, l'affichage de grandes images et des images de haute qualité. display avec discuz. Il est initialement publié sur le site Web chinois de PHP. Veuillez le réimprimer. Pour plus d'articles, veuillez faire attention au site Web php chinoiscolonne discuz.

Le rendu final

Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

Réalisation de plusieurs uploads d'images

Modifier le fichier upload/template/default/touch /forum/post.htm 83 lignes de code

Contenu modifié : ajouter plusieurs attribut

  • Copier après la connexion

    Modifier le fichier js upload/template/default/touch/forum/post.htm 206 lignes

    Modifier le contenu : copiez-le simplement sur

    for (var i=0;i"}, uploadinputname:'Filedata', maxfilesize:"2000", success:uploadsuccess, error:function() { popup.open('上传失败,请稍后再试', 'alert'); } }); }
    Copier après la connexion

    Test du téléchargement multi-images : à l'heure actuelle, le téléchargement multi-images a été implémenté

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Affichage de l'image en grand format

    Modifier le téléchargement du fichier/template/default/touch/forum/discuzcode.htm Ligne 90

    Modifier le contenu : changer 83 en 330

    $fix = count($post[imagelist]) == 1 ? 140 : 330;
    Copier après la connexion

    L'effet après modification : Le 330 ci-dessus doit afficher la largeur de l'image. Mais cela a été testé sur une machine, d'autres modèles doivent avoir des problèmes. Et l'image est trop floue pour être vue.

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Affichage d'image de haute qualité

    Nous avons ouvert le côté PC et avons constaté que les images du côté PC utilisaient réellement l'image originale

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Après avoir regardé les images côté mobile, j'ai constaté que les règles d'affichage des images utilisent ses propres règles. Après cette règle, Kaka écrira

    .Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Mobile La qualité d'affichage des images est vraiment inquiétante !

    Modifiez le fichier upload/template/default/touch/forum/viewthread.htm Ligne 174-183 en

        
    Copier après la connexion

    Modifiez le fichier PHP upload/source/module/ forum/forum_viewthread.php : Ajoutez

    # 主题图片 $subjectImage = DB::fetch_all("select * from pre_forum_attachment where tid= '$tid' limit 1"); $subject_tableId = $subjectImage[0]['tableid']; $subjectData = DB::fetch_all("select attachment from pre_forum_attachment_$subject_tableId where tid= '$tid'"); $thread['subjectImage'] = $subjectData;
    Copier après la connexion
    Copier après la connexion

    après la 20ème ligne puis obtenez l'effet final

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Créez un code pour le code ajouté dans le fichier PHP Une brève explication

    Les images téléchargées seront saisies dans une table d'index

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    Ensuite, cette table d'index enregistrera les images selon certaines règles Le code

    Comment Discuz résout le problème de laffichage dimages floues sur les téléphones mobiles

    # 主题图片 $subjectImage = DB::fetch_all("select * from pre_forum_attachment where tid= '$tid' limit 1"); $subject_tableId = $subjectImage[0]['tableid']; $subjectData = DB::fetch_all("select attachment from pre_forum_attachment_$subject_tableId where tid= '$tid'"); $thread['subjectImage'] = $subjectData;
    Copier après la connexion
    Copier après la connexion

    dans la table correspondante interroge en fait la table d'index dans laquelle les images de ce sujet sont stockées en fonction de l'ID du sujet.

    Ou allez dans la table des pièces jointes de l'image du thème et obtenez l'image du thème en fonction de l'identifiant du thème

    Enregistrez-la ensuite dans une variable globale

    Ensuite, le front-end le fera utilisez cette variable pour l'afficher en boucle. Mais

    Résumé

    Kaka a passé beaucoup de temps à travailler dur pour proposer ces fonctions. sur les fonctions d'arrière-plan de Discuz et les modèles Le deuxième article est très bon. Kaka vous proposera donc quelques solutions à cet égard, dans l'espoir d'aider tout le monde.

    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
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!