在上传文件的同时 传递参数 (ajax上传文件并传值给后台)

在上传文件的同时 传递参数 (ajax上传文件并传值给后台)之前用的ajax方法上传文件,结果这边需要对上传文件进行分类和关键字处理,话不多说直接上代码了前端html以及js部分<fieldset><legend>文件信息</legend><tableclass=”table”style=”width:100%;”><tr>…

大家好,欢迎来到IT知识分享网。

之前用的ajax方法上传文件,结果这边需要对上传文件进行分类和关键字处理,

话不多说直接上代码了

前端html以及js部分

<fieldset>
    <legend>文件信息</legend>
    <table class="table" style="width: 100%;">
        <tr>
            <th style="width: 20%;">
                文件:
            </th>
            <td>
                <input id="file" name="file" type="file" style="width:300px;height: 25px">
            </td>
        </tr>
        <tr>
            <th>关键字:</th>
            <td>
                <input id="keywords"  style="width:300px;height: 20px"/>
            </td>
        </tr>
        <tr>
            <th>分类:</th>
            <td>
                <input id="fileType"  style="width:300px;height: 25px">
            </td>
        </tr>
    </table>
</fieldset>

function uploadFile() {

            var myform = new FormData();

            myform.append(‘file’, $(“#file”)[0].files[0]);

            myform.append(‘fileType’,$(“#fileType”).val());

            myform.append(‘keywords’,$(“#keywords”).val());

            $.ajax({

                url: sy.managerServerUrl + “file/uploadFileByFrom”,//”http://192.168.5.206:8983/solr/update/extract”,

                type: “POST”,

                data: myform,

                async: false,

                contentType: false,

                processData: false,

                success: function (result) {

                    if (result && result.result) {

                        getFileListPage();

                    } else {

                        $.messager.alert(“警告”, “文件上传失败!”, “warning”, function () {

                            var file = document.getElementById(‘file’);

                            file.value = ”;

                        });

                    }

                },

                error: function (data) {

                    $.messager.alert(“警告”, “文件上传失败!”, “warning”, function () {

                        var file = document.getElementById(‘file’);

                        file.value = ”;

                    });

                }

            });

        }

 

后台代码

 

 

/**
 * 单文件上传 指定 from 表單屬性 enctype="multipart/form-data" ,指定from表單中待提交文件name為 file
 * @param file
 * @return
 */
@ResponseBody
@RequestMapping("/uploadFileByFrom")
public MsgResult uploadFileByFrom(@RequestParam("file") MultipartFile file, String keywords, String fileType) {
    logger.info("upload file by form");
    MsgResult result = new MsgResultVO();
    if (!file.isEmpty()) {
        result = fileService.uploadFileByFrom(file);
    } else {
        result.errorResult(MsgConstantUtil.REQUEST_PARAMETER_ERROR);
    }
    return result;
}

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/23786.html

(0)
上一篇 2023-08-20 20:33
下一篇 2023-09-14 21:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信