PHP iframe模拟Ajax上传文件功能示例

本文通过一个例子讲述了PHP iframe模拟Ajax上传文件的功能。分享给大家参考，如下：

在xmlhttprequest级，Ajax不能上传文件，因为js不能操作本地文件，但是市面上有一些Ajax异步上传文件的插件。怎么做？回答：iframe可以用来模拟Ajax上传文件。接下来，博主将使用iframe模拟Ajax上传文件。

先看效果图：

文件结构图：

09-iframe-upload.html文件：

页面中有一个表单，它有一个上传文件按钮和一个提交按钮。点击提交按钮执行ajaxUpload函数，然后动态创建iframe标签使其不可见，最后设置表单的target属性指向iframe。

！doctype html head metharset=' utf-8 ' meta http-equiv=' x-ua-compatible ' content=' ie=edge ' Title iframe模拟Ajax上传文件/Title link rel='样式表' href=' '/head script src=' http :3358 libs . Baidu.com/jquery/1 . 7 . 2/jquery . min . js '/script script/* * *文件上传* @返回bool是否提交表单* 1。捕获表单提交的操作* 2。动态创建iframe标签，但它是不可见的* 3。将表单的target属性设置为指向iframe */function ajaxupload(){ var iframame=' upload ' math . random()；//name iframe $(' iframe name=' iframename ' width=' 0 ' height=' 0 ' frame border=' 0 '/iframe ')。appendo($(“body”))；//创建iframe $ ('form:first ')。attr ('target '，iframename)动态；//设置form $(“# progress”)的目标属性。html(' img src=' http : progress . jpg '/')；//显示上传是否成功//返回false}/scriptbody h1iframe模拟Ajax上传文件/h1 H2 id=' progress '/H2 formaction=' 09-iframe-upload . PHP ' method=' post ' enctype=' multipart/form-data ' on submit=' return Ajax upload()；'Pinput类型=' file ' name=' pic '/p pinput类型=' submit ' value=' submit '/p/form/body/html 09-iframe-upload . PHP文件：

首先延迟3秒，为了看到加载的图片，然后判断是否有上传的文件，然后返回一个Js代码，在页面上显示上传是否成功

？用php/** * iframe模拟Ajax上传文件* @ author webbc */sleep(3)；//如果(空($_FILES)){回显“无文件”，则延迟3秒；} $ error=$ _ FILES[' pic '][' error ']==0？succ': '失败；//判断上传是否成功echo ' script parent . document . getelementbyid(' progress ')。inner html=' $ error '/script '；//显示上传是否成功？更多对PHP相关内容感兴趣的读者可以查看本网站专题：《php文件操作总结》、《PHP目录操作技巧汇总》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》、《PHP网络编程技巧总结》、0103010

希望本文对PHP编程有所帮助。