项目结构图:
12-progress-upload.html文件:
页面中主要有一个上传文件控件,有文件被选择时响应selfile()方法,接着利用js读取上传文件、创建FormData对象和xhr对象,利用xhr2的新标准,写一个监听上传过程函数,请求11-fileApi.php文件。
HTML5带进度条的上传功能 HTML5带进度条的上传功能
11-fileApi.php文件:
首先判断是否有文件上传,然后判断文件上传是否成功,最后移动文件至当前目录下的upload目录下,文件名不变。
上一篇:怎么在PHP中使用FormData对象提交表单
下一篇:怎么在PHP中使用HTML5 FileApi实现Ajax上传文件功能