recherche

Maison  >  Article  >  développement back-end  >  无刷新文件上传，刷新文件上传_PHP教程

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

WBOY
WBOYoriginal
2016-07-12 08:54:34911parcourir

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

无刷新文件上传

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 标准 可以对文件操作，但是只支持新的浏览器...
    Déclaration：
    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
    Article précédent：PHP中如何防止外部恶意提交调用ajax接口，phpajax_PHP教程Article suivant：非集成环境的php运行环境（Apache配置、Mysql）搭建安装图文教程，_PHP教程

    Articles Liés

    Voir plus