基于HTML5+js+Java实现单文件文件上传到服务器功能

基于基于HTML5+js+Java实现单文件文件上传到服务器功能实现单文件文件上传到服务器功能

应公司要求，在HTML5页面上实现上传文件到服务器功能，对于我这样的菜鸟，真是把我难住了，最后还是请

教大神搞定的，下面小编把例子分享到脚本之家平台，供大家参考

上传单文件到服务器上传单文件到服务器

应公司要求，在HTML5页面上实现上传文件到服务器，对于一个还没毕业的实习生菜鸟来说，这可不得了-----不会，网上

各种百度，找各种博客还是没解决，最后还是请教了公司的大神，人家给卸了一个例子，然后根据人家写的终于把这个上传文

件搞定。

好了，开始上代码。

</form>

js代码：

FormData可以把它理解成一个虚拟的表单对象，它只有一个方法append，我们可以通过append向FormData里面添加各种需

要提交的数据。

url：/adata/adata/payment/PaymentAction/upload.menu----指的是你Java接受信息的action路径

_pathName=/adata//payment.jsp-----------指的是你HTML5页面的虚拟路径。

alert(result);-------指的是从Java后台返回的信息。

function upload() {

mydata = document.getElementById("mydata").files[0];

formData = new FormData();

dataType:"text",

processData: false, // 告诉jQuery不要去处理发送的数据

contentType: false, // 告诉jQuery不要去设置Content-Type请求头

success: function(result){

alert(result);

}

});

}

Java代码：

String savePath = "d:/";//存储路径

String fileType = item.getName().substring(item.getName().lastIndexOf(".") + 1).toLowerCase();//文件类型

String fileName = new Date().getTime() + "." + fileType; //保存的文件名

String filePath = savePath + "\" + fileName; //保存的文件路径

BufferedInputStream in = new BufferedInputStream(item.getInputStream());// 获得文件输入流

BufferedOutputStream out = new BufferedOutputStream(new FileOutputStream(new File(filePath)));// 获得文件输出流

org.apache.commons.fileupload.util.Streams.copy(in, out, true);// 开始把文件写到指定的上传文件夹

retMsg += "上传文件成功！";

in.close();

out.close();

}