Maison > interface Web > js tutoriel > Plusieurs problèmes rencontrés lors de l'utilisation de webuoploader

Plusieurs problèmes rencontrés lors de l'utilisation de webuoploader

零下一度
Libérer: 2017-06-27 14:42:15
original
1329 Les gens l'ont consulté

Récemment, je travaillais sur un projet pour le site officiel de l'entreprise. Il existe une fonction permettant de télécharger des photos d'identité, qui est en fait une fonction permettant de télécharger des photos. Xiaomeng a utilisé le plug-in WebUploader de Baidu pour le faire. dans? La raison est la suivante : WebUploader est un simple composant de téléchargement de fichiers moderne basé sur HTML5 et complété par FLASH. Il peut exploiter pleinement les avantages du HTML5 dans les navigateurs modernes sans abandonner le navigateur IE traditionnel. Il utilise le runtime FLASH d'origine et est compatible avec IE6+, iOS 6+, Android 4+. Les deux ensembles de runtimes ont la même méthode d'appel et peuvent être sélectionnés par l'utilisateur. Un autre point est l'utilisation du téléchargement simultané de fichiers volumineux par fragments, ce qui améliore considérablement l'efficacité du téléchargement de fichiers. Sur la base de ces avantages, Xiaoming a choisi ce plug-in.

En ce qui concerne l'utilisation de webuploader, je souhaite aujourd'hui présenter plusieurs problèmes rencontrés par Xiaomeng lors de l'utilisation de webuoploader lorsqu'il travaillait sur le projet de site Web officiel.

Problème 1 : Dans certains navigateurs WebUploader tels que Chrome, lorsque vous cliquez pour télécharger un fichier, la zone de sélection tarde de quelques secondes avant de s'afficher et la réponse est très lente

Quand J'ai rencontré ce problème pour la première fois, Xiaomeng, je pensais que c'était à cause de la lenteur du réseau, donc je ne m'en suis pas trop inquiété, mais plus tard, j'ai découvert que ce n'était pas le cas, alors j'ai envoyé l'adresse de test à Xiaodai et j'ai demandé. lui si la vitesse était plus lente là-bas. Il s'est avéré que cela ne venait vraiment pas du réseau. J'ai vérifié l'API webuploader et je n'ai rien trouvé. Ensuite, Xiaodai a trouvé une solution dans github, en modifiant l'un des paramètres lorsque le webuploader est initialisé : <.>

accept: {
 title: &#39;Images&#39;,
 extensions: &#39;jpg,jpeg,png&#39;,
 mimeTypes: &#39;image/*&#39;
}
Copier après la connexion
accept: {
 title: &#39;Images&#39;,
 extensions: &#39;jpg,jpeg,png&#39;,
 mimeTypes: &#39;image/jpg,image/jpeg,image/png&#39;   //修改位置
}
Copier après la connexion
Cette méthode est un peu simple et grossière. Après l'avoir lu, j'ai réalisé que webuploader récupérerait tous les formats si * est défini. La raison de la modification de ce paramètre est d'analyser sélectivement les types de fichiers, et choisissez uniquement de numériser les types que vous avez définis. Xiaomeng l'a essayé, et après la modification, il n'y a effectivement eu aucun retard. Cependant, cela ne s'est pas produit lorsque Xiaomeng a utilisé webuploader pour la première fois, et la DÉMO sur le site officiel de webuploader n'a pas non plus tardé. Certaines personnes ont expliqué que c'était à cause de Google. Les mises à jour du navigateur, Chrome 52.0.2743.80 et versions ultérieures entraîneront des retards, mais Xiaomeng ne comprend pas pourquoi il n'y a pas de retard dans la DÉMO sur le site officiel. Mais cela ne sert à rien de s’attarder sur cette question, notre objectif est de la résoudre. Ensuite, ce problème peut être modifié comme ceci.

Problème 2 : le navigateur WebUploader Firefox ne répond pas lorsque vous cliquez pour télécharger des fichiers

Ce problème est en réalité plus grave que le problème 1. Même si la réponse est lente, je peux attendre, mais il y a aucune réponse. Je suis tellement confus, que dois-je faire... Oh, que dois-je faire... Pourquoi ne peux-tu pas utiliser Firefox ? Ça me fait mal. Tu m'essouffles devant. vous. Je veux vous désinstaller... Diverses recherches sur Baidu ont échoué, et je suis tellement frustré. S'il vous plaît, aidez-moi à trouver une solution sur github. Plus tard, j'ai vu quelqu'un dire que c'était peut-être parce que le bouton de téléchargement utilisait un bouton. et il a été recommandé de le changer en div. J'ai apporté quelques modifications et le problème a effectivement été résolu. Il a été dit qu'il s'agissait d'un problème avec la prise en charge des boutons par Firefox, donc cette situation s'est produite. Bien que je ne sache pas pourquoi cela s'est produit, le problème a été résolu.

Problème 3 : Certains navigateurs IE basse version de WebUploader n'ont aucune réponse lorsque vous cliquez pour télécharger des fichiers

Quant au problème IE, en fait, certaines entreprises sont volontaires et ne considèrent pas la compatibilité IE, vous pouvez donc l'ignorer. En effet, IE ne prend pas en charge le téléchargement html5. Bien que webuploader ait la fonction "par défaut, il essaiera d'abord de voir si html5 est pris en charge, et s'il est pris en charge, utilisez html5, sinon utilisez flash. " Cependant, pour les navigateurs comme IE, il existe certains problèmes que vous n'avez vraiment pas. La méthode explique pourquoi, donc si vous rencontrez ce problème, vous pouvez définir la valeur de runtimeOrder sur flash pour forcer l'utilisation de Flash en cours d'exécution. Cependant, vous n'avez pas à vous soucier de définir le paramètre par défaut sur Flash pour exécuter le téléchargement, ce qui affectera sa vitesse. Webuploader gère cela très bien.

Cet article se termine ici. Je me demande si des amis ont rencontré le même problème que moi et Xiaomeng a enregistré cela. L'un est de me le rappeler et l'autre est d'espérer aider ceux qui en ont besoin. problèmes. Si vous l'aimez, aimez Xiaomeng, O(∩_∩)OMerci


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