返回
基础
分类

必赢手机登录网址在HTML5页面上实现上传文件到服务器

日期: 2019-11-16 15:03 浏览次数 : 100

单文件文件上盛传服务器(HTML5+js+Java卡塔 尔(英语:State of Qatar),html5js

                                                                                      上传单文件到服务器                                                   

     应公司须求,在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.commons.fileupload.util.Streams.copy(in, out, true);// 开始把文件写到指定的上传文件夹  
                            retMsg += "上传文件成功!";  
                            in.close();  
                            out.close();  
                        }   
                    }  
                }  
                response.setContentType("text/html;charset=utf8");  
                PrintWriter pw = response.getWriter();  
                pw.print(retMsg);  
                pw.flush();  
                pw.close();  
               //根据自己需要返回页面一个 retMsg
         // return retMsg  证明上传成功

            } catch (Exception e) {  
                e.printStackTrace();  
            } 

 

上传单文件到服务器 应公司必要,在HTML5页面上贯彻上传文件到服务器,对于叁个还未结束学业...