> php教程 > php手册 > 본문

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

WBOY
풀어 주다: 2016-06-13 08:42:02
원래의
1054명이 탐색했습니다.

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

无刷新文件上传

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

  • 관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    최신 이슈
    인기 추천
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿