form表单同时提交带文本和图片的数据 您所在的位置:网站首页 gta怎么上传照片 form表单同时提交带文本和图片的数据

form表单同时提交带文本和图片的数据

2023-09-07 18:32| 来源: 网络整理| 查看: 265

方法一:使用ajax异步提交

此种方法的好处是可以回调响应结果。

html代码:

名称: 图片: 提示:文件大小不超过200k,建议图片宽高为300px*300px

使用的是ajax异步单独处理并提交,此处form表单的enctype="multipart/form-data"属性可以不添加。

js处理代码:

function doSummit(){ var formData=new FormData($("#formId")[0]); $.ajax({ url:url, type: 'post', cache: false, //上传文件不需要缓存 async : true, data: formdata, processData: false, // 此处是关键:告诉jQuery不要去处理发送的数据 contentType: false, // 此处是关键:告诉jQuery不要去设置Content-Type请求头 success: function (data) { //处理成功后动作,比如调转window.location.href ='/list' }, error : function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); } }); }

此处contentType和processDate属性必须添加,否则后台无法接收。

方法二:使用form表单自带的submit功能直接提交

html代码:



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有