首页 / HTML / 实现单文件上传,页面局部刷新_html/css_WEB-ITnose

实现单文件上传,页面局部刷新_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了实现单文件上传,页面局部刷新_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1295字，纯文字阅读大概需要2分钟。

内容图文

实现单文件上传,页面不刷新

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("

  • "+name+"实现单文件上传,页面局部刷新_html/css_WEB-ITnose - 文章图片
    • ");
    }

    function deTr(obj){
    $(obj).parent().parent().remove();
    }

    内容总结

    以上是互联网集市为您收集整理的实现单文件上传,页面局部刷新_html/css_WEB-ITnose全部内容，希望文章能够帮你解决实现单文件上传,页面局部刷新_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/399729.html

    来源：【匿名】