700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > iframe无刷新文件上传实现程序

iframe无刷新文件上传实现程序

时间:2019-12-28 00:45:20

相关推荐

iframe无刷新文件上传实现程序

php教程|php手册

iframe,无,刷新,文件,上传,实现,程序,iframe,无,刷新,文件,上传,其实,就,是在,当前,页面,打,开了

php教程-php手册

iframe无刷新文件上传其实就是在当前页面打开了上传程序的页面,有点像ajax局部刷新一个,只是我们把它放到了iframe页面中上传,同时我们把iframe页面给隐藏了。

klt跟踪源码 matlab,vscode运算符优先级,ubuntu 查看ps,tomcat中war的制做,爬虫 加refer,自主研发php框架,长沙seo是做什么的lzw

一个最原始最简单的iframe上传例子:

全能查源码,vscode scala,ubuntu 9.04源,两个tomcat怎么同时运行,layui连接sqlite,深圳的网页设计,服务器时间 差8个小时,js 插件开发教程,extjs 前端框架项目,爬虫脑三重脑,php兑换码,于飞seo,高仿网站源代码,网页游戏易语言辅助教程,opencart 模板制作,phpcms 栏目权限页面,基于的企业通用权限管理系统,易语言 程序 参数lzw

本例中采用iframe名字,所以表单在提交时会在iframe内打开链接(即无刷新,确切的说应该是

感觉无刷新)

在表单提交时,调用startUpload方法,当然这是JS定义的。

个人主页站源码,vscode安装mac版,查ubuntu配置,tomcat页面介绍,sqlite二级表,tp5框架是前端还是后端,高层厕所有小爬虫怎么处理,php 泛解析,SEO的作用原理,php 代理 网站,漂亮的php网页源码,动易 模板路径lzw

前台上传页面index.html,主要是一个表单与一个js回调函数。上传文件时,form表单的method、 enctype属性必须和下面代码一样。然后将target的值设为iframe的name,这样就可以实现无刷新上传文件。

后台上传处理页面uploadfile.php,这段代码为简单的上传代码,没有进行错误及异常处理。上传代码执行完成后,要告诉父页面已经上传完毕了,因此,在这个页面里调用父页面的回调函数CallbackFunction,这个函数可以有参数,形式自己定义。

以上是用iframe实现无刷新上传文件的简单方法,想要健壮的程序的话需要再细化

例2

PHP利用iframe上传文件并返回值到父框架

淡水其实也是采用这样的做发法的。正好看到有童鞋博客上有这样写。就顺手贴过来了。

文件上传成功后,把文件路径写入一个隐藏的域中(img),然后用DOM原理把隐藏域中的VALUE发送到父框架的表单form1的img文本框中:

ok,再来看看淡水的。

淡水编辑器用了tinyMCE,所以有一点点不一样。

我的form页:

iframe也就是在这个页面里了。

在我的iframe的提交给的php处理里:

于是上传的文件就跑到tinyMCE的编辑框里了。upload的文件路径也通过userdata会暂存起来,直到写入database。路径保存这块儿,也是在iframe的提交给的php处理文件里的,这里淡水就不多写了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。