AjaxSubmit()提交file文件

之前在网上查了各种方法，想要提交file文件，还要能接收返回值。推荐使用ajaxSubmit()方法。

网上的推荐多是这种：

$("#formId").submit(
  $(this).ajaxSubmit({
    url:...,
    type:...,
    success:function(){
    ...
    }
  });
  return false;//阻止自动提交
);

但使用的时候会发现，这样会出现多次提交，第一次请求一次，第二次请求两次….。
而ajaxSubmit()本身就有submit()的功能，所以无需这样做，只用：

var opt = {
  type:'post',
  datatype:'json',
  url:'../../../rybmanagement/upLoadFile',
  success: function(data) {
  ...
  }
};
$("#formId").ajaxSubmit(opt);//相当于from.submit()

引入文件：

<script src="jquery-form.js" type="text/javascript"></script>
<script src="../../js/jquery-2.1.1.min.js"></script>

以上所述是小编给大家介绍的AjaxSubmit()提交file文件的实例，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

赞 (0)

相关推荐

  • AjaxSubmit()提交file文件

    之前在网上查了各种方法,想要提交file文件,还要能接收返回值.推荐使用ajaxSubmit()方法. 网上的推荐多是这种: $("#formId").submit( $(this).ajaxSubmit({ url:..., type:..., success:function(){ ... } }); return false;//阻止自动提交 ); 但使用的时候会发现,这样会出现多次提交,第一次请求一次,第二次请求两次-.. 而ajaxSubmit()本身就有submit()的功

  • 解决IE下AjaxSubmit上传文件提示下载文件问题

    springmvc后端: @RequestMapping(value="scoreFileUpload",produces = "text/html; charset=utf-8") @ResponseBody public String upload(HttpSession session,@RequestParam("file1") MultipartFile file,@RequestParam("paperId") S

  • Ajax方式提交带文件上传的表单及隐藏iframe应用

    一般的表单都是通过ajax方式提交,所以碰到带文件上传的表单就比较麻烦.基本原理就是在页面增加一个隐藏iframe,然后通过ajax提交除文件之外的表单数据,在表单数据提交成功之后的回调函数中,通过form单独提交文件,而这个提交文件的form的target就指向前述隐藏的iframe. html 代码 复制代码 代码如下: <html> <body> <form action="upload.jsp" id="form1" name=

  • 详解如何在IntelliJ IDEA中使用.ignore插件忽略不必要提交的文件

    详解如何在IntelliJ IDEA中使用.ignore插件忽略不必要提交的文件

    最近初学Git,而且在使用的IDE是IntelliJ IDEA,发现IDEA在提交项目到本地仓库的时候,会把.idea文件夹中的内容也提交上去,这里面放的是一些项目的配置信息,包括历史记录,版本控制信息等.可以不传到Git上面去. 这个时候就需要编写.gitignore文件来忽略提交这些文件.在IDEA中有一个插件.ignore可以帮我们做这件事. 先来看下如何安装. 点击File->Settings 在左侧菜单找到Plugins,点击Browse repositories- 搜索.ignore

  • 解决使用commit提交大文件无法推送到远程库问题及git rebase使用详解

    解决这个问题并没有特别的(删除提交历史中某个文件,然后重新push),但是由于开始的使用失误,中间有使用git rebase和git reset命令处理,所以特此记录下 大文件无法push到远程仓库 问题 首先,故事(事故)的起因是这样的. 某次git push(类似测试使用,没有分支)到远程仓库时发生如下无法提交大文件的报错(大文件是一个pdf文件) $ git push Enumerating objects: 204, done. Counting objects: 100% (204/2

  • js 实现 input type="file" 文件上传示例代码

    在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <he

  • 如何解决JQuery ajaxSubmit提交中文乱码

    一般人使用是 jQuery(form).ajaxSubmit({ url: "ajaxsub.aspx?abc=test", type: "post", dataType: "json", success: data }); 分析:JQuery的AJAX提交,会将要提交的数据进行编码,使用encodeURIComponent在js中处理数据.因此,无论是 Firefox或者IE,提交的数据都是一致的,都是UTF-8编码后的数据. 查看Header

  • File文件控件，选中文件(图片,flash,视频)即立即预览显示

    我们平常用file文件控件上传文件,要预览有时会刷新页面,结果file控件被清空,好多人问能能让他不清空或重新赋值,因为处于安全性的考虑,这是不可能的.那怎么进行无刷新预览呢?这里我把我所使用的方法写一下. 选择页面:  复制代码 代码如下: <script language="javascript"> function checkData() { var fileName=document.getElementById("FileUp").value;

  • 基于java file 文件操作operate file of java的应用

    java文件操作 复制代码 代码如下: package com.b510; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.FileWriter; import java.io.InputStream; import java.io.PrintWriter; /**  *   * @author Hongten</br>  *   *    

  • 解决springboot 获取form-data里的file文件的问题

    解决springboot 获取form-data里的file文件的问题

    解决springboot 获取form-data里的file文件的问题 前言: 这两天用 springboot 和同事的 iOS 客户端上传文件对接.在客户端他使用的是 afnetworking 第三方库.我使用的是 springboot 集成的 StandardMultipartHttpServletRequest 的解析方式. 写好服务器端的接口以后,使用 postman 模拟 form-data 混合上传普通文本数据和 file 文件是没问题的.后来再 iOS 端混合上传文本和 file

随机推荐