实现单文件上传,页面局部刷新_html/css_WEB-ITnose
1.html
fjFileInsert.action执行文件上传,然后返回数据到upLoad.html页面,upLoad.html页面在iframe中隐藏起来
当执行完毕,iframe会重新加载,这时触发iframe的onload事件,在onload事件中,处理一些后续的操作
2.upLoad.html
3.js
//防止在第一次触发iframe的onload事件
var doFlag = false;
//判断是否选择了需要上传的文件
function check(){
var file=document.forms["fjUploadForm"].doc;
if(file.value==""){
alert("请选择要上传的文件!");
file.focus();
return false;
}
doFlag = true;
return true;
}
//文件上传完毕后,触发iframe的onload事件,根据返回值,做一些后续的处理
function iframeOnLoad(){
if(doFlag){
var doc = window.frames["fjUploadIFrame"].document;
var text = doc.getElementById("result").value;
var arr = text.split(',');
var msg = arr[0];
if(msg == "1"){
alert("附件上传成功!");
AddLi("fj",arr[1],arr[2])
}else if(msg == "2"){
alert("上传的最大限制为[50MB]!\r\n上传失败!");
}else if(msg=="3"){
alert("上传的文件不存在,或文件输入格式有误!\r\n上传失败!");
}
else if(msg=="4"){
alert("上传的文件小于0kb,为空文件,请从新选择!");
}
doFlag = false;
}
}
//getContent.action实现文件的下载
function AddLi(targetId,id,name){
$("#"+targetId).append("
}
function deTr(obj){
$(obj).parent().parent().remove();
}
推荐阅读
-
使用PHP和HTML5 FormData实现无刷新文件上传教程
-
在使用AJAX实现页面局部刷新时,如何从后台直接返回一个jsp文件到前台,并替换掉原先内容?
-
使用PHP和HTML5 FormData实现无刷新文件上传教程,_PHP教程
-
使用PHP和HTML5 FormData实现无刷新文件上传教程
-
PHP+iFrame实现页面无需刷新的异步文件上传,
-
AjaxAnyWhere 实现页面局部刷新_html/css_WEB-ITnose
-
freemarker页面实现验证码图片不刷新问题 求助_html/css_WEB-ITnose
-
php无刷新利用iframe实现页面无刷新上传文件(1/2)_PHP教程
-
freemarker页面实现验证码图片不刷新问题 求助_html/css_WEB-ITnose
-
PHP 实现页面无刷新上传文件