communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > développement back-end > tutoriel php > 无刷新文件上传，刷新文件上传_PHP教程

无刷新文件上传，刷新文件上传_PHP教程

WBOY
Libérer： 2016-07-12 08:54:34
original
944 Les gens l'ont consulté

无刷新文件上传，刷新文件上传

无刷新文件上传

ajax的FormData对象完成无刷新操作

ajax level 2 标准 可以对文件操作，但是只支持新的浏览器（不兼容低版本的IE），是H5标准

注意事项：

b)    css设置

c)    设置监控文件上传事件

  • 要通过 onreadystatechange 来监控ajax操作

  • 发送ajax请求（注意：使用FormData来完成数据上传的时候不需要设置ajax的请求头）

  • 在onprogress 里面利用 事件源（上传的那个文件）做进度显示

  • 服务器data.php文件实现上传文件处理

    iframe实现无刷新上传

  • 创建一个index.php文件，设置上传域

    技术点1： 需要设置表单提交打开的窗口为 自己定义的一个 iframe

    技术点2： 在data.php 文件需要处理生成的图片，然后返回图片URL地址，使用top获取打开当前iframe的窗口，修改img标签的src属性

    2. data.php 完成图片的保存和返回

    • www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1119776.htmlTechArticle无刷新文件上传，刷新文件上传 无刷新文件上传 ajax的FormData对象完成无刷新操作 ajax level 2 标准 可以对文件操作，但是只支持新的浏览器...
    Étiquettes associées：
    文件上传
    source：php.cn
    Article précédent：PHP中如何防止外部恶意提交调用ajax接口，phpajax_PHP教程 Article suivant：非集成环境的php运行环境（Apache配置、Mysql）搭建安装图文教程，_PHP教程
    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 articles par auteur
    Derniers numéros
    Où dois-je placer la directive CustomLog dans Apache J'utilise php:7.2-apachedocker. Je dois désactiver le journal d'accès à la connexion à l'U...
    Depuis 2024-04-06 22:03:59
    0
    1
    990
    Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
    Depuis 2024-04-06 20:02:10
    0
    2
    543
    Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées. J'utilise une bibliothèque appelée OpenTbs pour créer odt en utilisant PHP, je l'utilise c...
    Depuis 2024-04-06 20:18:18
    0
    1
    483
    Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
    Depuis 2024-04-06 19:13:16
    0
    2
    476
    Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
    Depuis 2024-04-06 18:16:26
    0
    1
    403
    Rubriques connexes
    Plus>
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Tutoriels associés
    Recommandations populaires
    Derniers cours
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal