layui表单追加数据

最新推荐文章于 2023-07-14 11:09:41 发布

原创最新推荐文章于 2023-07-14 11:09:41 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

48 篇文章

订阅专栏

LayerUI

7 篇文章

订阅专栏

本文详细介绍了如何使用前端JavaScript进行文件上传操作，并通过FormData和$.ajax实现POST请求。后端采用Java处理上传的文件，包括MultipartFile类型参数解析及文件存储。文章还展示了如何在Controller中正确设置注解以支持multipart/form-data类型的数据。

            var form = new FormData(document.getElementById("form"));
            form.append('filez', 数据);
            $.ajax({
                url: '../../project/add',
                type: 'post',
                data: form,
                contentType: false,
                processData: false,
                success: function (res) {
                    if (res.code == 0) {
                        project = res.data;
            ...........

后台

@LogAnnotation
    @RequestMapping(value = "/add", headers = "content-type=multipart/form-data")
    public BaseRes add(ProjectDTO projectDTO
            , @RequestParam(value = "file[]", required = false) MultipartFile[] files, @RequestParam(value = "filez", required = false) MultipartFile filez, HttpServletRequest request, String token) throws Exception {

        BaseRes res = redisService.getTokenExist(session, token);
        Integer code = res.getCode();
        if (code == 0) {
            User