非同期アップロード

ネット上には非同期でアップロードされたプラグインがたくさんありますが、ちょうどこのリソースを見つけたので説明します.
ネット上にはajaxfileuploadがたくさんあります.jsですが、私はダウンロードして使ってからいつもこのような問題があって、まずこれをこのクリスマスの後に探したいと思って、直接コードをつけることは多くありません.

はjqueryとajaxfileuploadを導入する.js

html

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) {

        }

バックグラウンド

@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