网上有很多异步上传的插件，但是正好找到了这个资源在就这说明一下。

网上很多ajaxfileupload.js，但是我在下载使用之后总是有这样或那样的问题，就想先把这放在这圣诞以后找了，不多说直接上代码。

1. 引入jquery和ajaxfileupload.js
2. html

<input tabindex="3" size="3" name="report" id="report" class="file-prew" type="file" >

3. js

 $.ajaxFileUpload({
        url: "addProject",
        type: 'post',
        data:{
            form_qvyv : $("#form_qvyv").val(),
            form_pianqv : $("#form_pianqv").val(),
            form_fuzeren : $("#form_fuzeren").val(),
            form_covered_area : $("#form_covered_area").val(),
            form_delist_time : $("#form_delist_time").val(),
            form_project_time : $("#form_project_time").val(),
            form_existence_area : $("#form_existence_area").val(),
            form_covered : $("#form_covered").val(),
            form_structure : $("#form_structure").val(),
            inputDescribe : $("#inputDescribe").val()
        },
        fileElementId: 'report',
        dataType: 'JSON',
        success: function (data, status) {

        }

4. 后台

@RequestMapping("addProject")
    @ResponseBody
    public void addProject(@RequestParam(value = "report")MultipartFile report,
                           String form_qvyv   ,
                           String form_pianqv     ,
                           String form_fuzeren      ,
                           String form_covered_area           ,
                           String form_delist_time          ,
                           String form_project_time           ,
                           String form_existence_area             ,
                           String form_covered      ,
                           String form_structure        ,
                           String inputDescribe       )
    {

        String a = report.getName();
        System.out.println(a);

    }

注意

type="file" 的input必须要有name，最好name和id一样

最后附上js下载地址：https://download.csdn.net/download/qq_36862730/10312853