1. 简单的请求页面:index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>AJAX上传文件</title>
<script type="text/javascript" src="<%=basePath %>js/jquery.js"></script>
<script type="text/javascript" src="<%=basePath %>js/ajaxfileupload.js"></script>
<script type="text/javascript">
function fileupload(){
if($("#filePath").val()==""){
alert("上传文件不能为空!");
return false;
}
$.ajaxFileUpload({
url:"<%=basePath %>/fileLoad",
secureuri:false,
fileElementId:'filePath',
dataType: 'text/xml',
success: function (data) {
alert("success");
},error: function (data, status, e){
alert("fail");
}
}
);
}
</script>
</head>
<body>
<input type="file" name="filePath" id="filePath"/>
<input type="button" name="fileLoad" id="fileLoad" value="上传" onClick="fileupload()"/>
</body>
</html>
2. 简单的servlet上传文件处理
// 上传之后的文件保存在这个文件夹下
String filepath = this.getServletContext().getRealPath("")+java.io.File.separator+"picture"+java.io.File.separator;
String filename = "";
String type="";
ServletInputStream in = request.getInputStream();
byte[] buf = new byte[4048];
int len = in.readLine(buf, 0, buf.length);
String f = new String(buf, 0, len - 1);
while ((len = in.readLine(buf, 0, buf.length)) != -1) {
filename = new String(buf, 0, len);
int j = filename.lastIndexOf("\"");
int p = filename.lastIndexOf(".");
//文件类型
type=filename.substring(p,j);
//文件名称
filename = System.currentTimeMillis()+type;
DataOutputStream fileStream = new DataOutputStream(
new BufferedOutputStream(new FileOutputStream(filepath+ filename))
);
len = in.readLine(buf, 0, buf.length);
len = in.readLine(buf, 0, buf.length);
while ((len = in.readLine(buf, 0, buf.length)) != -1) {
String tempf = new String(buf, 0, len - 1);
if (tempf.equals(f) || tempf.equals(f + "--")) {
break;
}
else{
// 写入
fileStream.write(buf, 0, len);
}
}
fileStream.close();
}
PrintWriter out=response.getWriter();
String result = filename ;
out.print(result);
out.close();
in.close();
分享到:
相关推荐
jquery ajaxfileupload上传插件,用于ajax的异步文件上传
通过修改终于使得ajaxfileupload兼容jquery3,代码已上线运行。
ajaxfileupload.js 异步上传jquery插件,亲测可用,有需要的可以选择下载
jquery ajaxfileupload.js异步上传插件
包中描述了多种上传文件的方式,以及使用js控件进行上传。里面含有上传文件 commons-fileupload-1.1.jar jquery.ajaxfileupload.js 以及demo。
点我下载工程代码 由于项目需求,在处理文件... 所需环境: jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下: package com.ajaxfile.action; imp
包含jar包:ajaxfileupload.js jquery-1.7.1.js jquery-1.10.2.js json2.js
jquery的一款异步文件上传插件,我博客中有关于此插件的详细教程。 handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s....
主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了jquery实现异步文件上传的具体代码,供大家参考,具体内容如下 ajaxfileupload.js 异步上传文件: 直接引用。 调用方法: $.ajaxFileUpload({ url:'',//后台接口地址 type: post, secureuri...
AJAXFileUpload ajax 异步文件上传 进度条AJAXFileUpload ajax 异步文件上传 进度条
后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。 一、详解...
jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。
主要为大家详细介绍了jquery ajaxfileupload异步上传插件的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本人已经实际验证过, 这两个文件都能正常使用,可以完成正常上传,请大家放心下吧,
主要介绍了jQuery插件ajaxFileUpload异步上传文件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。 1、引入AjaxFileUpload插件相关的js 复制代码 代码如下:[removed]resources/js/...
jquery+ajaxfileupload+html文件上传,用ajaxfileupload插件做的上传文件