ajax iframe实现文件上传,iframe实现Ajax文件上传效果示例

avascript部分

ajax 文件上传~~

window.οnlοad=function(){

var form=document.getElementsByTagName('form')[0];

form.οnsubmit=function(){

var iframe=document.createElement('iframe');

iframe.src='do_upload.PHP';

var iframe_name="iframe"+Math.random();

iframe.name=iframe_name;

document.body.appendChild(iframe);

iframe.style.width='0px';

iframe.style.height='0px';

iframe.frameBorder='0';

form.target=iframe_name;

}

请选择文件:

//PHP接收部分

$up_file=$_FILES['myFile'];

if($up_file['error']===0){

if(!file_exists('./imgs')){

mkdir('./imgs');

}

$save_name=rand().$up_file['name'];

$bool=move_uploaded_file($up_file['tmp_name'],"./imgs/$save_name");

if($bool){

$msg='上传成功!';

}else{

$msg='上传失败!';

}

echo

var msg=parent.document.getElementById('msg');

msg.innerHTML='$msg';

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

ajax iframe实现文件上传,iframe实现Ajax文件上传效果示例相关推荐

ajax百分比加载特效,jQuery实现的简单百分比进度条效果示例
本文实例讲述了jQuery实现的简单百分比进度条.分享给大家供大家参考,具体如下: 一.JS Code: var progressId = "ProgressBarID"; fun ...
iframe ajax上传,ajax--iframe模拟ajax文件上传效果
js无权读取本地的文件,so不能上传文件但是有这几种方法 1 iframe伪装 jquery-uploaded-file 2 swf插件 (这个不讲,是一个单独的软件 3 html5 iframe模 ...
ajax 文件上传 iframe,AJAX_iframe实现Ajax文件上传效果示例，复制代码代码如下: span styl - phpStudy...
iframe实现Ajax文件上传效果示例 avascript部分 ajax 文件上传~~ window.οnlοad=function(){ var form=document.getElements ...
html5支持ajax和jQuery吗,使用HTML5文件上传与AJAX和jQuery(Using HTML5 file uploads with AJAX and jQuery)...
使用HTML5文件上传与AJAX和jQuery(Using HTML5 file uploads with AJAX and jQuery) 诚然,Stack Overflow上有类似的问题,但似乎并 ...
java html5 上传_HTML5结合ajax实现文件上传以及进度显示
基于原生html5实现,不需要falsh支持,进度可以自定义显示,控制灵活, 本来打算使用jquery插件进行异步文件上传,比如uploadfy但是需要额外的支持,也有人用iframe模仿异步上传机制 ...
nodejs ajax进度条,Ajax异步文件上传与NodeJS express服务端处理的示例分析
Ajax异步文件上传与NodeJS express服务端处理的示例分析发布时间:2021-07-24 11:17:21 来源:亿速云阅读:79 作者:小新这篇文章主要介绍Ajax异步文件上传与N ...
springMVC3.0（文件上传，@RequestMapping加参数,@SessionAttributes,@ModelAttribute，转发，重定向，数值获取，传参，ajax,拦截器)
1.项目包结构如下: 2. spring配置文件springMVC.xml修改如下: <?xml version="1.0" encoding="UTF ...
koa2：通过Ajax方式上传文件，使用FormData进行Ajax请求
koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...
ajax上传文件表单，图片、文件无刷新上传,jquery.form.js的使用
我们在进行一些web开发时,有时会需要上传文件,图片等等的功能.这篇文章记录一下我实现用ajax实现无刷新上传图片的方法. 我们先要了解一下ajax,在前后端分离的开发环境中ajax被广泛的用原来前后 ...

ajax iframe实现文件上传,iframe实现Ajax文件上传效果示例

ajax iframe实现文件上传,iframe实现Ajax文件上传效果示例相关推荐

最新文章

热门文章