设为首页 加入收藏

TOP

单文件文件上传到服务器(HTML5+js+Java)(一)
2017-10-10 15:34:06 】 浏览:313
Tags:文件 传到 服务器 HTML5 Java

                                                                                      上传单文件到服务器                                                   

     应公司要求,在HTML5页面上实现上传文件到服务器,对于一个还没毕业的实习生菜鸟来说,这可不得了-----不会,网上各种百度,找各种博客还是没解决,最后还是请教了公司的大神,人家给卸了一个例子,然后根据人家写的终于把这个上传文件搞定。

  好了,开始上代码。

HTML5代码:

 <form name="upform" action="" 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代码:

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代码:

 String savePath = "d:/";//存储路径  
            String retMsg = "";//定义将返回给客户端的信息  
            try {  
                if (ServletFileUpload.isMultipartContent(request)) {  
                    List<FileItem> items = new ServletFileUpload(new DiskFileItemFactory()).parseRequest(request);  
                    for (FileItem item : items) {  
                        if (!item.isFormField()) {// 过滤掉表单中非文件域  
                            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.commo
首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇Vue组件实例间的直接访问 下一篇web的基础和html简单的标签

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目