ajax文件上传

来源:互联网 发布:linux计数统计命令 编辑:程序博客网 时间:2024/06/05 14:12

界面:

<form  id="uploadForm" enctype="multipart/form-data" method="POST">

                       <div class="col-sm-4">
                                <input id="fileN" type="file" name="file">
                            </div>
                            <div class="col-sm-8">
                                <button type="button" class="btn btn-success btn-sm" onclick="upDatumCus()">导入</button>
                                <button type="button" class="btn btn-success btn-sm">模板下载</button>
                       </div>

   </form>


ajax:


function upDatumCus(){
    var formData = new FormData();
   formData.append('files',$("#fileN")[0].files[0]);
   
    $.ajax({
        type: 'POST',  
        url:"/ziliaoke/DatumCusLeading",
        encType: 'multipart/form-data',
        data:formData,
          contentType: false,  
          processData: false,
           success: function(data) {
          alert("数据保存成功");
       },
       error: function() {
           alert("Connection error");
       },
    });
}

contraller:


    @ResponseBody
    @RequestMapping("/DatumCusLeading")
    public int DatumCusLeading(@RequestParam(value="files",required=false) MultipartFile file){
        System.out.println("开始");  
        String fileName = file.getOriginalFilename();  
        System.out.println(fileName);
        return 1 ;
    }



原创粉丝点击