不刷新页面提交上传文件

最新推荐文章于 2021-06-08 22:52:45 发布

北风吹飘飘

最新推荐文章于 2021-06-08 22:52:45 发布

阅读量337

点赞数

分类专栏：前端文章标签： java javascript json ViewUI

本文链接：https://blog.csdn.net/u013245082/article/details/84720474

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏


<%@ 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>