ajax上传 java,javaWeb中使用ajax上传文件

javaWeb上传图片

上传文件所必要的两个jar包：commons-fileupload.jar、commons-io.jar。

核心代码：

String withPath = req.getServletContext().getRealPath("/");//获取网站的URI根路径(网站资源路径,存内容到这里可以通过浏览器访问)

String webPath = req.getContextPath();//获取网站的URL根路径(访问网站跟路径)

DiskFileItemFactory factory = new DiskFileItemFactory();

factory.setSizeThreshold(2048 * 500);

File file = new File(withPath + "\\temp");// 临时存储文件位置

String path = withPath + "\\upload";// 文件保存位置

factory.setRepository(file);

ServletFileUpload upload = new ServletFileUpload(factory);

upload.setSizeMax(1024 * 1024);// 最大的文件文1M(1024KB)

List items = upload.parseRequest(req);

for (FileItem item : items) {

// 如果只上传一个文件那么可以不用循环

System.out.println("for---");

if (item.isFormField()) {

// 上传的不是文件域

jo.put("status", "error");

jo.put("msg", "上传图片失败");

System.out.println(

item.getFieldName() + "：" + item.getString());

}

else {

String fileName = item.getName();// 文件名(包括扩展名)

System.out.println("文件名为：" + fileName);

jo.put("status", "true");

InputStream in = item.getInputStream();

byte[] buffer = new byte[1024];

int len = 0;

String allFileName = path + "\\" + fileName;

OutputStream os = new FileOutputStream(allFileName);

while ((len = in.read(buffer)) != -1) {

os.write(buffer, 0, len);

}

os.close();

in.close();

jo.put("status", "true");

jo.put("msg", "上传图片成功");

jo.put("imgUrl", webPath + "/upload/" + fileName);

}

}

2.html

pageEncoding="UTF-8"%>

String path = request.getContextPath();

%>

$(document).ready(function(){

var img_formats = "jpeg,jpg,bmp,png,gif,ico,tiff,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw,wmf";

var file = $("input[type='file']");

file.change(function(){

var files=this.files;

var formData=new FormData();

formData.append('files',files[0]);

var img_format = myUtils.file_format(files[0].name);

console.log(files[0].name);

if(img_format.length > 0){

if(img_formats.indexOf(img_format) >= 0){

var img = myUtils.getFileUrl(files[0]);

$.ajax({

url: "/uploadServlet",

type: "POST",

data: formData,

dataType:"json",

/**

*必须false才会自动加上正确的Content-Type

*/

contentType: false,

/**

* 必须false才会避开jQuery对 formdata 的默认处理

* XMLHttpRequest会对 formdata 进行正确的处理

*/

processData: false,

success: function (data) {

console.log(data);

if (data.status == "true") {

alert(data.msg);

$(".msg").html("");

}

if (data.status == "error") {

alert(data.msg);

}

$("#imgWait").hide();

},

error: function () {

alert("上传失败！");

$("#imgWait").hide();

}

});

}else{

$(".msg").text("请上传图片文件");//不是图片文件

}

}else{

$(".msg").text("上传的不是一个有效的文件");//文件没有后缀名

}

});

});

注意：上传图片的位置要放在->网站资源路径；而不是本地的资源路径，否则上传之后无法在浏览器中预览图片切记！！！

本人小白，各位大神有好的建议多多提点，一起学习共同进步

JavaWeb项目中使用ajax上传文件

1.jsp $("#cxsc").click(function(){ var bankId = $("#bankId").val(); var formdata ...

IE8/9 JQuery.Ajax 上传文件无效

IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...

springMVC+jsp+ajax上传文件

工作中遇到的小问题,做个笔记 实现springMVC + jsp + ajax 上传文件 HTML

Ajax上传文件进度条显示

要实现进度条的显示,就要知道两个参数,上传的大小和总文件的大小 html5提供了一个上传过程事件,在上传过程中不断触发,然后用已上传的大 小/总大小,计算上传的百分比,然后用这个百分比控制div框的显 ...

伪ajax上传文件

伪ajax上传文件   最近在折腾伪ajax异步上传文件. 网上搜索了一下,发现大部分方法的input file控件都局限于form中,如果是在form外的呢? 必须动态生成一个临时form和临时if ...

flask jQuery ajax 上传文件

1.html 代码