程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 無刷新文件上傳,刷新文件上傳

無刷新文件上傳,刷新文件上傳

編輯:關於PHP編程

無刷新文件上傳,刷新文件上傳


無刷新文件上傳

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

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved