Heim > php教程 > php手册 > Hauptteil

无刷新文件上传,刷新文件上传

WBOY
Freigeben: 2016-06-13 08:42:02
Original
1055 Leute haben es durchsucht

无刷新文件上传,刷新文件上传

无刷新文件上传

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 完成图片的保存和返回

  • Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Empfehlungen
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage