要想让表单无刷新提交,需要用到表单的target属性,然后页面放置一个iframe,target属性指向iframe即可实现
测试程序如下:
<script>
function upload(fileObj)
{
if(fileObj.value)
{
document.uploadForm.action = "ajax_upload.action";
document.uploadForm.submit();
}
return false;
}
</script>
<%--无刷新上传图片--%>
<form target="check_file_frame" enctype="multipart/form-data" method="POST" name="uploadForm">
<input type="file" style="width: 250px;" onchange="upload(this);" name="uploadFile" id="uploadFile"></br>
<iframe style="display: none;" id="check_file_frame" name="check_file_frame"></iframe>
</form>
分享到:
相关推荐
"仿163无刷新ajax图片上传源代码"就是一种实现了这种功能的应用,让用户在上传图片时无需等待页面刷新,提高用户体验。 1. **Ajax图片上传原理** Ajax图片上传主要通过JavaScript监听文件选择事件,当用户选择图片...
【ASP仿163网盘无刷新文件上传】是一个基于ASP(Active Server Pages)技术和IIS(Internet Information Services)服务器的文件上传解决方案。这个系统旨在模仿163网盘的用户体验,实现用户在不刷新页面的情况下...
【标题】"仿163网盘无刷新多文件上传系统"揭示了这个项目的核心功能是模仿网易163网盘的在线文件上传机制,它实现了在不刷新页面的情况下进行多文件同时上传的能力。这样的系统通常采用先进的Web技术,如HTML5的File...
jQuery+AJAX+ASP无刷新提交、删除、翻页实例 ASP+AJAX无刷新用户注册、判断用户名数据库版 Ajax无刷新登录实例(ASP+ACCESS) ASP+ajax树状折叠菜单动态读取数据库版 ASP+AJAX表单验证含省市级联菜单 ASP+AJAX批量...
2. **AJAX交互**:jQuery File Upload插件会通过AJAX(Asynchronous JavaScript and XML)将文件发送到服务器,无需刷新整个页面。在AJAX请求中,我们将携带文件数据和任何必要的用户信息,如用户ID,以便服务器能够...
【标题】"仿163网盘无刷新文件上传"所涉及的知识点主要集中在Web开发领域,特别是文件上传功能的设计与实现。163网盘是知名的在线存储服务,其文件上传功能以其高效、便捷而著称,无刷新上传则是用户体验优化的重要...
3. **页面导航**:无刷新跳转,提供平滑的用户体验。 4. **数据分页**:动态加载数据,减少初次加载的等待时间。 5. **实时搜索**:输入关键词时即时显示搜索结果,提高搜索效率。 使用"纯Ajax 仿windows网站后台...
在这个特定的压缩包"ASP.NET-[上传下载]仿163网盘无刷新文件上传for.Net.zip"中,我们可以推测其主要内容是关于如何在ASP.NET环境下实现类似163网盘的无刷新文件上传功能。163网盘是网易提供的云存储服务,其文件...
无刷新上传意味着在用户选择文件并提交后,页面不会重新加载,而是通过Ajax异步通信技术更新页面内容,使得上传过程更加流畅,提升了用户体验。 【标签】"上传" 指的是这个项目的核心功能,即文件上传。在Web开发中...
【标题】"基于PHP的仿163网盘无刷新文件上传forPhp源码.zip" 涉及的核心技术是PHP编程以及Web无刷新文件上传功能。PHP是一种广泛使用的开源服务器端脚本语言,尤其适合Web开发,可以嵌入到HTML中使用。此项目旨在...
【标题】"基于PHP的仿163网盘无刷新文件上传 for Php.zip"是一个针对PHP开发者的资源,旨在实现类似163网盘的无刷新文件上传功能。这一技术通常涉及前端与后端的交互,以提供用户友好的、流畅的文件上传体验,而无需...
在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提升用户体验。"ajax仿网站注册效果"是利用Ajax技术来模拟一个完整的用户注册流程,无需每次提交数据时刷新整个网页...
【仿163邮箱风格AJAX】是一种网页开发技术,旨在提供类似网易163邮箱的用户体验,通过AJAX(Asynchronous JavaScript and XML)技术实现页面的无刷新更新,提高用户交互性和页面性能。该技术主要关注以下几个核心...
无刷新文件上传是指在用户选择文件并提交上传请求后,页面不会重新加载或跳转,而是通过Ajax或者Web Socket等异步通信技术在后台处理文件上传,并实时更新上传进度,提供更好的交互体验。 在JSP(JavaServer Pages...
【描述】中的"[上传下载]仿163网盘无刷新文件上传 for Jsp_fileupload_jsp.zip"进一步强调了这是一个专注于上传和下载功能的项目,且它是用JSP(Java Server Pages)结合Ajax和FileUpload库来实现的。163网盘是一个...
本源码"仿qq相册源码ajax_js"正是针对这一需求而设计的,它通过AJAX技术实现了页面无刷新的动态加载,提升了用户体验。 1. **AJAX**:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在...
总结起来,实现“jquery ui轻松打造仿开心网无刷新头像上传功能”需要以下步骤: 1. 引入jQuery和jQuery UI库,利用其交互性组件。 2. 使用HTML创建文件输入元素,让用户选择图片。 3. 编写JavaScript代码,监听...
2. **文件上传组件**:实现无刷新文件上传,通常会用到JavaScript库,如jQuery或jQuery UI,以及AJAX技术来异步提交文件。这使得文件上传过程可以在后台进行,而不影响用户在页面上的其他操作。 3. **...