<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base
href="<%=request.getScheme() + "://" + request.getServerName()
+ ":" + request.getServerPort() + request.getContextPath()
+ "/"%>>" />
<script type="text/javascript" src="static/jquery-1.3.2.min.js"></script>
<script src="static/ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript">
function ajaxFileUpload() {
$.ajaxFileUpload({
url : '', //用于文件上传的服务器端请求地址
type : 'post',
data : {
"name" : "name"
}, //此参数非常严谨，写错一个引号都不行
secureuri : false, //一般设置为false
fileElementId : 'file1', //文件上传空间的id属性 <input type="file" id="file1" name="file" />
dataType : 'json', //返回值类型 一般设置为json
success : function(data, status) //服务器成功响应处理函数
{
alert(data)
},
error : function(data, status, e)//服务器响应失败处理函数
{
alert(e);
}
})
return false;
}
</script>
</head>
<body>
<p>
<input type="file" id="file1" name="file" />
</p>
<input type="button" value="上传" onClick="ajaxFileUpload()" />
<p>
<img id="img1" alt="上传成功" src="" />
</p>
</body>
</html>
分享到：
相关推荐
下面我们将详细探讨如何在不刷新页面的情况下，使用HTML实现以form表单方式上传文件。 1. **利用`multipart/form-data`编码**： 当我们需要上传文件时，`<form>`标签的`enctype`属性必须设置为`multipart/form-...
通过JavaScript异步发送文件，使得用户可以在不刷新整个页面的情况下完成上传。在ASP中，可以使用XMLHttpRequest对象或jQuery的$.ajax方法实现这一功能。 9. **安全性**：在设计文件上传系统时，必须考虑到安全问题...
普通上传则基于传统的表单提交，每次只能上传一个文件，如果需要批量上传，用户需要多次操作，效率较低，但兼容性更强。 ASP批量上传的核心组件包括前端的HTML和JavaScript以及后端的ASP处理脚本。前端负责收集用户...
在网页开发中，用户常常需要进行文件上传操作，传统的文件上传方式通常会伴随着页面的刷新，这不仅影响用户体验，也可能导致数据丢失。为了解决这一问题，ASP（Active Server Pages）结合AJAX（Asynchronous ...
在文件上传场景中，由于JavaScript的安全限制无法直接操作文件，iframe可以作为一个中介，将文件提交到服务器而不刷新整个页面。 2. **AJAX（异步JavaScript和XML）**：AJAX是一种在不重新加载整个网页的情况下，...
无刷新文件上传是一种提高用户体验的技术，它允许用户在不重新加载整个网页的情况下提交文件。这种技术主要基于Ajax（异步JavaScript和XML）和现代浏览器支持的FormData对象，使得用户可以一边浏览网页，一边进行...
"jQuery 无刷新上传图片、文件（doc、excel）"是一种优化用户体验的技术，它允许用户在不重新加载整个网页的情况下提交文件，提高网页的响应速度和交互性。下面将详细介绍这个主题涉及的关键知识点。 1. jQuery库：...
特别是在用户体验方面，不刷新页面进行文件上传能够带来更好的效果。本文将详细介绍如何在JSP页面中实现不刷新页面上传文件的功能。 #### 1. 技术选型与原理 本示例采用了DWR（Direct Web Remoting）技术来实现在...
在传统的文件上传中，用户提交表单时，整个页面会刷新以完成数据提交，这在用户体验上并不理想。"无刷新上传"技术解决了这个问题，通过Ajax异步通信，可以在不刷新整个页面的情况下实现文件上传，提升了用户体验。 ...
本教程将详细解析如何使用纯JSP技术实现一个不刷新页面、允许用户连续填写表单数据并最终上传文件的功能。这一特性对于提高用户体验至关重要，因为它使得用户可以在同一页面上完成所有操作，无需频繁跳转或刷新页面...
总结，实现“php 无刷新文件上传”涉及前端与后端的紧密配合，通过Ajax技术和HTML5的新特性，能够在不刷新页面的情况下完成文件上传，并通过进度条提供实时反馈，极大地提升了用户体验。在实际应用中，还需注意安全...
【标题】"仿163网盘无刷新多文件上传系统"揭示了这个项目的核心功能是模仿网易163网盘的在线文件上传机制，它实现了在不刷新页面的情况下进行多文件同时上传的能力。这样的系统通常采用先进的Web技术，如HTML5的File...
这个系统旨在模仿163网盘的用户体验，实现用户在不刷新页面的情况下完成文件上传，提供更流畅的交互体验。 在ASP中实现无刷新文件上传，主要涉及以下技术点： 1. **AJAX**：无刷新上传的核心是AJAX（Asynchronous ...
"Struts2文件上传带进度条页面无刷新"的实现涉及多个技术点，包括Struts2的文件上传插件、AJAX异步通信以及前端进度条展示。 首先，Struts2的文件上传依赖于`struts2-upload-plugin`。这个插件扩展了Struts2的核心...
标题“支持IE8的不刷新页面上传图片”正是针对这个需求，它涉及到前端开发中的异步文件上传技术，以及对旧版浏览器的兼容性处理。 在描述中提到的博文链接（已无法访问）可能提供了一个解决方案，通常这样的方案会...
AJAX（Asynchronous JavaScript and XML）技术以其异步、无刷新的特性，广泛应用于网页交互，但其本身并不直接支持文件上传。这是因为浏览器的安全策略限制了JavaScript直接操作本地文件。然而，我们可以利用IFRAME...
无刷新文件上传，也称为Ajax（异步JavaScript和XML）上传，允许用户在不重新加载整个网页的情况下提交文件，这在处理大文件或者需要保持页面状态的应用场景中尤其有用。 首先，我们需要理解ASP.NET中的FileUpload...
在"asp+ajax无刷新文件上传带进度条"这个主题中，我们将讨论如何使用ASP后端处理文件上传，同时利用AJAX提供实时的进度反馈，避免用户在整个上传过程中看到页面刷新。 首先，`upload.asp`很可能是处理文件上传的...
而"iframefileuploadjs全部通过原生JS实现页面无刷新上传文件"的方案提供了一种轻量级的解决方案，它不依赖jQuery或Ajax，仅靠JavaScript原生API来实现在不刷新页面的情况下进行文件上传，并且能够传递JSON数据给...
这种方式可以让用户在上传文件时无需等待页面刷新，而是通过Ajax（Asynchronous JavaScript and XML）技术实现实时反馈，提升交互体验。 在JDK 8版本及以上，Java提供了更丰富的API和功能，使得文件上传变得更加...