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

HTML5代码：

方法一：直接表单提交

<form name="upform" action="url" method="POST">
          <input type ="file" name="myfile1" id="myfile1"/><br/>
          <input type ="file" name="myfile2" id="myfile2"/><br/>
              备注：<input type="text" name="mydata" id="mydata"/><br/>
          <input type="button" value="确定" onclick="upload()"/><br/>
</form>

方法二 js 提交

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();
 formData.append("mydata", mydata);
  $.ajax({
       contentType:"multipart/form-data",
       url:"/adata/adata/payment/PaymentAction/upload.menu?_pathName=/adata//payment.jsp",
       type:"POST",
       data:formData,
       dataType:"text",
       processData: false, // 告诉jQuery不要去处理发送的数据
       contentType: false, // 告诉jQuery不要去设置Content-Type请求头
       success: function(result){
       alert(result);
 }
 });
}
Java代码：
?