<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
/*附件添加提示*/
function getFirefoxTip(form)
{
var tipDiv=document.createElement("div");
tipDiv.style.cssText="width:100px;font:12px Arial;color:#00f;text-decoration:underline";
tipDiv.innerHTML="添加一个附件";
tipDiv.onclick=function()
{
var i=form.getAttribute("count")||0;
createInput(form,parseInt(i)+1);
};
form.appendChild(tipDiv);
}
/*删除已经添加的附件项*/
function removeChild(parent,child)
{
var i=parent.getAttribute("count");
parent.removeChild(child);
i--;
if(i==0)
{
parent.lastChild.innerHTML="添加一个附件";
}
parent.setAttribute("count",i);
}
/* 添加移除项*/
function getRemove(form,node)
{
var span=document.createElement("span");
span.style.cssText="font:10px Arial;color:#00f;text-decoration:underline;";
span.innerHTML="移除";
span.onclick=function(){removeChild(form,node);}
return span;
}
/*文件选择框*/
function createInput(form,inputIndex)
{
var i=inputIndex||0;
if(i==0)
{
getFirefoxTip(form);;
}
else
{
var inputDiv=document.createElement("div");
var input=document.createElement("input");
input.setAttribute("type","file");
input.setAttribute("name","file_"+i);
inputDiv.appendChild(input);
inputDiv.appendChild(getRemove(form,inputDiv));
form.insertBefore(inputDiv,form.lastChild);
form.setAttribute("count",i);
form.lastChild.innerHTML="再添加一个附件";
}
}
/*初始化*/
function init()
{
createInput(document.forms['uploadForm']);
}
</script>
</HEAD>
<BODY onload="init()">
<form name="uploadForm" action="/upload.do" target="upload" enctype="multipart/form-data" method="post"></form>
<iframe name="upload" style="display:none"></iframe>
</BODY></HTML>
分享到：
相关推荐
在IT行业中，无刷新上传文件是一项重要的用户体验优化技术，它使得用户在上传文件时无需等待页面刷新，提高交互效率。本示例以“jsp无刷新上传文件”为主题，结合使用了iframe、AJAX以及jsp技术，实现了这一功能。...
asp无刷新上传文件ajax上传文件 请将本程序放到你的虚拟主机上运行，如果本地有iis也可以。有些同学有简易iis服务器，不适用本程序的，因为有部分中文字符不能识别导致无法运行。 如果需要上传多文件可以把index....
在.NET框架中，ASP.NET提供了一种强大的方法来处理用户上传的文件，特别是"无刷新上传文件"技术，它极大地提升了用户体验。无刷新文件上传，也称为Ajax（异步JavaScript和XML）上传，允许用户在不重新加载整个网页的...
无刷新上传文件组件在.NET框架下，特别是在C#编程环境下，是一种提高用户体验的重要技术。它允许用户在不重新加载整个网页的情况下，实现文件的上传，极大地优化了交互流程。这种技术主要依赖于Ajax（Asynchronous ...
但是用iFrame来实现无刷新上传文件确实一个很好的选择。ps：Ajax技术基本上可以说是由google公司带起来的，但少Gmail中上传文件用的还是 IFrame，所以说使用IFrame来上传文件是最好的选择。 我在这里这里用的技术是...
综上所述，这个示例提供了从客户端到服务器端的完整文件上传流程，利用jQuery的AJAX功能和uploadify插件实现了无刷新上传，同时在ASP.NET的HTTP Handler中处理文件，确保了上传过程的流畅性和用户体验。对于学习ASP...
总结起来，ASP.NET利用AJAX和jQuery实现文件无刷新上传涉及的主要步骤包括：创建HTML表单，使用jQuery监听上传事件，创建`FormData`对象，使用AJAX发送请求，以及在服务器端处理文件上传。这种技术大大提高了网站的...
在IT行业中，无刷新上传文件是一项重要的功能，它极大地提升了用户体验，尤其是在文件管理、社交媒体、内容创作等场景中。本文将深入探讨如何使用Ajax和ASP技术实现无刷新上传大文件的解决方案。 首先，Ajax...
在现代Web应用中，用户界面的流畅性和交互性至关重要，"Ajax无刷新上传文件带进度条"技术就很好地满足了这一需求。Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的...
当我们谈论"PHP无刷新上传文件"时，我们指的是通过AJAX技术实现的一种用户交互方式，它允许用户在不重新加载整个网页的情况下上传文件，提高了用户体验。 PHP无刷新上传文件的核心原理是利用JavaScript（通常与...
【标题】"Uploadify无刷新上传文件+预览"是一个基于JavaScript和Flash技术的文件上传解决方案，它允许用户在不刷新整个页面的情况下上传文件，并且支持预览功能，提升了用户体验。 【描述】"可实现无刷新上传文件到...
"Ajax无刷新上传文件"技术就是一种提升用户体验的重要手段，它使得用户在上传文件时无需等待页面刷新，极大地优化了交互过程。接下来，我们将深入探讨Ajax技术及其在实现无刷新上传文件中的应用。 Ajax，即...
在IT行业中，无刷新上传文件是一项重要的用户体验提升技术。它允许用户在不重新加载整个网页的情况下，实现文件的上传操作，极大地提高了交互性和效率。"Anthem无刷新上传文件"是一个示例项目，旨在演示如何在网页...
无刷新上传文件和图片是一种现代Web开发中的常见技术，它极大地提升了用户体验，使得用户在上传文件时无需等待页面刷新即可完成操作。这种技术主要依赖于Ajax（Asynchronous JavaScript and XML）技术，配合...