ajax提交表单,含图片,pc没问题,公众号提交不成功

$('#confirm_btn').click(function(){
$(this).attr('disabled',true);
$(this).val("提交中...");
var form = new FormData($('#theForm')[0]);
$.ajax({
type: "post",
url: $("#theForm").attr('action'),
data: form,
dataType: "json",
async:false,
contentType:false,
processData:false,
success: function(data) {
layer.msg(data.msg,{time:800},function(){
if (data.code == 1)
{
window.location.reload();
}
else
{
$('#confirm_btn').attr('disabled',false);
$('#confirm_btn').val("提交");
}
});
},
error: function(){
window.location.reload();
}
});
});

0

1个回答

0
Lcq_best
岁月佳醉 谢谢,这种方法试通了(我原先也试过这种方式,那时竟然没成功,好吧都怪微信)
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax版本表单提交(包含图片上传)
html:<input type="file" id="uploadImg">js:var fd = new FormData(); //fd.append("upload", 1); fd.append("file", $("#uploadImg").get(0).files[0]); console.log(fd); fd.app
ajaxForm异步提交表单(含图片)
ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)ajaxForm异步提交表单(含图片)
ajax提交包含图片的form表单
提交图片须加contentType、processDate属性<script type="text/javascript"> function saveFrom(){ var data = new FormData(document.getElementById("formid")); $.ajax({ ...
ajax提交form表单和上传图片
jquery.js + jquery-form.js + springMVC实现ajax提交form表单和上传图片,上传图片成功js可以获取图片保存相对路径。
ajax无刷新提交包含文件的表单
ajax无刷新提交包含文件的表单XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以异步上传一个二进制文件,所有主流浏览器的较新版本都已经支持这个对象了,比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+。 参见https://developer.mozilla.org/zh-CN/doc
jQuery.ajaxSubmit表单提交及图片上传
直接上代码~有不懂的随时欢迎 HTML页面: <form id="ArticleForm" class="form-horizontal" method="post" enctype="multipart/form-data"> <div class="row"> <#inp
ajax提交带有file的表单数据
  后台  
通过Ajax方式提交含有文件的表单
前言:我们通常使用form表单,通过submit来将form表单中含有的文件上传到服务器。通过这种方式页面将会刷新,但是我们有时需要不刷新页面来提交含有文件的表单,这时我们就会想到通过ajax的方式。但是,如何通过ajax来提交含有文件的表单呢?Html代码:<form id="uploadForm"> 回复内容:<input type="text" name="msg" /> 上传
怎么用异步ajax提交表单来上传图片文件?
通常我们提交(使用submit button)时,会把form中的所有表格元素的name与value组成一个queryString,提交到后台。这用jQuery的方法来说,就是serialize。通过$('#postForm').serialize()可以对form表单进行序列化,从而将form表单中的所有参数传递到服务端。 但是上述方式,只能传递一般的参数,上传文件的文件流是无法被序列化并传递的...
Ajax使用formData提交带图片上传的表单
记录一下今天踩过的坑。。这么个问题居然搞了快两个小时了。ssm框架,前台form带图片上传,因为效验表单数据,所以不能直接submit。 formDat还是很简单的,有很多加值得方法,后台可以直接用对象接收。 使用ajax提交有很多种方式,说一下使用formDat,直接贴代码。 前端一个form表单,带图片 其实很简单,只需注意几个点。 1、用formData格式传输参数Controll...
ajax提交表单上传图片及图片回显问题总结
最近由于框架上传图片功能的限制,自己用了jquery ajax进行上传,遇到了不少坑,在这里做个总结。1:获取文件对象时,用jquery方式获取出现问题,最后改为原生js获取,成功html代码:&amp;lt;input type=&quot;file&quot; id=&quot;load_xls&quot; name=&quot;file&quot; style=&quot;display:none&quot; lay-ext=&quot;img|png|bmp|jpg&quot; onchange..
ajax或者form表单提交报404
我今天使用的ajax提交表单,但是弄了好久一直都是404。找了路径没有错直接在地址栏也进不去,再经过一步步探索产生这种原因的是:1、在springMVC配置文件中controller没有扫描到(我这里是因为有个字母打错了)2、改正后又发现我的扫描和开启注解顺序反了,先开启注解再扫描,开启注解需要放到最上面。3、不过还是需要检查下自己的路径,要理清楚项目结构。...
提交from表单并使用ajax上传发布说说的图片
jsp页面&amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot; pageEncoding=&quot;UTF-8&quot;%&amp;gt; &amp;lt;%@ page import=&quot;java.util.Date&quot;%&amp;gt; &amp;lt;%@ taglib prefix=&quot;c&quot; uri=&quot;http://j
tp5 ajax使用formdata提交表单
HTML:    &amp;lt;form id=&quot;update_form&quot;&amp;gt;        &amp;lt;input type=&quot;file&quot; name=&quot;img&quot;&amp;gt;    &amp;lt;/form&amp;gt;JS:    //将表单的所有数据包括上传的文件作为参数传入到form_data中    var data = new FormData(document.getElementById('update_..
ajax异步请求提交上传图片表单并预览图片
一、表单上传文件必须加上enctype="multipart/form-data",(以下是上传文件的表单) UploadImage" method="post" id="uploadForm" enctype="multipart/form-data"> tab/images/bg.gif" bgcolor="#FFFFFF">上传照片
jquery.ajax()上传带文件的表单
使用 jQuery 上传带文件的表单时,会有些问题。 首先,因为使用的是 FormData,所以必须在传入 $.ajax 的参数中配置 processData: false。 否则将会抛出 Illegal invocation 的异常,因为 jQuery 默认是会对传入的 data 字段的数据进行处理的。 其次,注意请求的 Content-Type 首部,默认是 ap
webuploader 图片上传插件 配合着表单提交 ajax方式
首先去官网下载 或者github上面下载 在 examples/image-upload 里面的文件 index.html  添加你要上传的表单信息 是把表单的数据 作为图片上传的参数 传进去的 在 examples/image-upload 里面的文件upload.js  添加ajax的 代码 ajax.php  是后台的文件 用于接收表单数据传给
Ajax提交form表单(包括文件上传)
方法一:使用FormData对象 FormData对象是html5的一个对象,目前的一些主流的浏览器都已经兼容。额,如果你说ie8什么的,那我们还是来谈谈今天的天气吧,我没听见。呵呵,开个玩笑,不支持FormData的,可以使用方法二,下面会介绍。接着说FormData,它是一个html5的javascript对象,非常的强大。 FormData可以凭空创建一个对象,然后往这个对象里面
ajax提交表单,thinkphp5
其实跟正常的ajax没什么区别,主要就是利用jquery的serialize()方法序列化表单
form表单提交数据(包括文字和图片)实例
一般来说,form表单提交数据的方式,也就是请求数据到服务器是与传统利用路径api去get或post一个请求到服务器是不一样的,下面就来探讨下关于form表单提交数据至服务器到底是怎么实现的。 话不多说,上代码: HTML部分: &amp;lt;form id=&quot;uploadForm&quot; method=&quot;post&quot; action=&quot;&quot; enctype=&quot;multipart/form...
用AjaxSubmit提交form表单一直不成功原来是少个"C"
一、问题描述 点击事件提交请求一直不成功 function infoSubmit(){ alert(&quot;test777&quot;); $('#infoForm').ajaxSubmit({ datatype:'json', success:function(resp){ var resp = $.parseJSON(resp); alert(&quot;test777&quot;);...
异步提交表单包括文件在内
异步提交表单包括文件在内 var title = document.myForm.title.value; var link = document.myForm.link.value; var sort_order = document.myForm.sort_order.value; var logo = documen
解决JQuery表单异步提交到action的乱码问题(ajaxform,ajaxsubmit)
在学习JQuery的表单异步提交时,发现会出现中文乱码问题: 解决方案目前找到两个: 第一,比较土了,就是在action中,用 System.out.println(new String(this.testField1.getBytes("ISO-8859-1"),"UTF-8"));来处理。但是如果传的某个类的属性,这样显然有些麻烦。 第二,比较先进了,借助JQuery提供了可设
layer中form表单使用ajax不成功的解决问题方法
layer中form表单使用ajax提交时,因jquery中$与本身的$冲突,会出现进入不到回调函数的现象,也就是进不到ajax的部分,将jquery的$改一下,var $$ = layui.jquery,就可以解决这个问题,return false;也别忘记加上哦!! &amp;lt;script&amp;gt; layui.use(['form', 'layedit', 'laydate', 'jq...
AJAX异步提交FORM表单
&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;login test&amp;lt;/title&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;pragma&quot; con
struts2 ajax上传图片以及提交form表单的值
使用struts2 框架 中的文件上传,然后使用ajax上传图片以及form表单的数据
ajax提交表单(包含文件)
ajax提交表单,需要引入jquery.form.js,jquery.js应该也是需要引入的 (1)表单的写法 (2)js的写法 主要就是引入相应的js,再者就是框框里的这些东东,其他的就根据具体业务定啦
jquery validationEngine 使用ajax验证不通过也提交表单
        validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.          这种方式也比较简单,在我们使用ajax请求前检查验证是否...
TP5中含图片的表单ajax上传(不含图片回显)
前端:&amp;lt;div class=&quot;page-container&quot;&amp;gt; &amp;lt;form action=&quot;&quot; method=&quot;post&quot; class=&quot;form form-horizontal&quot; id=&quot;formadd&quot;&amp;gt; &amp;lt;div class=&quot;row cl&quot;&amp;gt; &amp;lt;label class=&q
ajaxSubmit 提交表单实现图片上传
AjaxSubmit提交方法,实现图片上传功能     $(function (){     var options = {         target: '#showmsg',    beforeSubmit:showStart,    success:showSuccess         //dataType:  'html'     };     $('#
jq的ajax里面传递form表单(包含文件)的方法
本文主要介绍如何在jq的ajax里面传递form表单到后台 话不多说,直接上ajax代码 &amp;lt;script type=&quot;text/javascript&quot;&amp;gt; $('#btn_upload').change(function(){ var form = new FormData(document.getElementById(&quot;upload_form&quot;)); $.aja...
用ajax提交表单的时候,传值一直为null
在没传图片的时候,要把表单的属性,enctype=&quot;multipart/form-data&quot;,给去了。
苹果微信web无法提交form表单问题解决
苹果微信web无法提交form表单问题解决问题出在微信端,而且是苹果机的微信端(苹果你咋这么矫情,安卓正常). 应用需要form提交数据跳转第三方支付网站,问题来了,苹果上跳转后没有携带数据,坑啊!!! 解决:百度了各种情况,功夫不负有心人,终于解决了原因: from 表单 target属性不能是_blank 需要写成_self 修改完成后跳转正常
关于MultiActionController异步请求Ajax,pc端正常,手机端报error错误;此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生此问题;
此问题全网唯一! 关于MultiActionController异步请求Ajax,pc端正常,手机端报error问题;此问题一般是通过setInterval,seTimeout,做Ajax轮询时会产生此问题; 其实最主要问题有两个:    1.写 setInterval或seTimeout这个方法时 方法中直接写要运行的函数名,并赋值一个变量,这个变量必须是全局变量;    2.  在aj...
ajax提交表单数据,后台接收全部为null解决办法
参考链接:https://blog.csdn.net/mhmyqn/article/details/25561535 注意设置ajax的content-type为application/x-www-form-urlencoded 这里是form表单提交,改了这个后台直接就用对象接收就可以了 function ajaxAction(){ $.ajax({ ...
servlet3.0以上form表单提交(ajax异步提交)
一、普通form提交 1、jsp 2、servlet(还有一个使用Apache的commomFileUpload插件上传) @MultipartConfig(location = "/upload",maxFileSize = 1024*1024*3,maxRequestSize = 1024*1024*10,fileSizeThreshold = 1)/
SpringMVC接收 jQuery实现ajax提交form表单(可以是提交json)
jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解 第一种方法(简单易用,防蚊虫): 1.1 从form表单到congtroller接收。1 是form表单,2 是ajax提交 3 springmvc接收 1.2 debug 看后台数据,看到了吧,userEO接收到数据了 1.3 有人想看看
form表单经过Ajax提交后进入success不能进行页面跳转问题
把form表单去掉可以了。原理没弄清楚,希望路过的大神们解答一下。
前端form表单进行ajax验证 不提交
var validateForm; function doSubmit(){//回调函数,在编辑和保存动作时,供调用提交表单时进行验证。 if(validateForm.form()){ var flag=false; if(!$(&quot;#id&quot;).val()){ $.ajax({ type : &quot;post&quot;, url : &quot;${ctx}/core...
jquery.form.js + php ajax提交,包含图片文件上传实例
利用 jquery.form.js插件,php提交信息,ajax提交,里面包含了上传文件的类,以及生成缩略图,保存到数据库省略了这一步,大家可以根据自己的项目进行修改。前后台大家自行完善,这是一个实例。
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 数据库(含课程设计) 数据库含课程设计