<%@ 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>
不刷新页面提交上传文件
猜你喜欢
转载自2819272.iteye.com/blog/2214044
今日推荐
周排行