java文件上传处理

最新推荐文章于 2024-04-05 23:10:53 发布

半个西瓜、

最新推荐文章于 2024-04-05 23:10:53 发布

阅读量6.8k

点赞数

本文链接：https://blog.csdn.net/userenoch/article/details/105731480

版权

本文介绍了一种使用HTML表单和Ajax进行文件上传的方法，并详细展示了前端表单与后端处理的代码实现。前端通过FormData对象收集表单数据，利用Ajax进行异步文件上传；后端采用Spring框架的MultipartFile接收上传文件并保存到指定目录。

摘要由CSDN通过智能技术生成

1.利用from表单及ajax处理

 <form id="uploadForm" enctype="multipart/form-data" method="post">
      <input id='uploadFile' name="uploadFile" class="easyui-filebox" buttonAlign="left" data-options="prompt:'选择文件',buttonText:'选择文件'" style="width:250px"/>
 </form>

var form = new FormData(document.getElementById("uploadForm"));

$.ajax({
     url: "/uploadFiles",
     type: "post",
     data:form,
     cache: false,//上传文件无需缓存
     processData: false,// 告诉jquery要传输data对象
     contentType: false,// 告诉jquery不需要增加请求头对于contentType的设置
     beforeSend: function(){
         $("<p class=\"datagrid-mask\"></p>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
         $("<p class=\"datagrid-mask-msg\"></p>").html("正在运行,请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 80) / 2, top: ($(window).height() - 45) / 2 });
     },
     complete: function(){
         $(".datagrid-mask").remove();
         $(".datagrid-mask-msg").remove();
      },
      success: function (data) {
           alert("上传成功！");
      },
      error: function () {
          alert("上传失败！");                          
      }
});

2.后台接收处理

@RequestMapping(value = "/uploadFiles",method = RequestMethod.POST)
@ResponseBody
public void jsonFile(@RequestParam("uploadFile") MultipartFile uploadFile) throws Exception {
   String filename = uploadFile.getOriginalFilename();//文件的名称
   File files = new File("D:/"+ filename);//上传的地址
   uploadFile.transferTo(files);
}