ajax提交form表单

数据交互 专栏收录该内容
5 篇文章 0 订阅

ajax和form表单有很多有趣的互动,ajax提交form表单就是其中一种,这种方法主要是用来提交带图数据的。
html页面,我把图片单独放到form表单内,其他数据放到form外即可

       <form method="post" enctype="multipart/form-data" id="testForm">
             <input type="file" name="problemImage" id="file" >
  </form>

js



    var formData = new FormData(document.getElementById("testForm"));//表单id
    var problemTitle=$("#problemTitle").val();
    var problemDescribe = $("#problemDescribe").val();
    formData.append("problemTitle", problemTitle);
    formData.append("problemDescribe", problemDescribe);
        $.ajax({
            url: '',
            type: 'post',
            data: formData,
            async: false,//同步加载
            contentType: false,//防止jq对formdata操作,默认为ture
            processData: false,//防止序列化操作
            success: function (result) {
   
            }
        });
    }

后台用MultipartFile file接收图片即可

  • 0
    点赞
  • 0
    评论
  • 4
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值