优秀的程序员从不墨迹,直接上示例代码:

前端代码:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div><input id="upload_file_id" type="file" name="files"><br><input type="button" value="提交" onclick="upload()"></div><script type="text/javascript">function upload() {var formData = new FormData();formData.append("file1",document.getElementById('upload_file_id').files[0]);formData.append("useSass", "true");//携带一个参数$.ajax({url: 'xxx/xxx/xxx',type: 'POST',data: formData, // formdata封装的数据包dataType: 'JSON',cache: false, // 不缓存processData: false, // jQuery不要去处理发送的数据contentType: false, // jQuery不要去设置Content-Type请求头success: function(data) {alert("success");}});}</script></body>
</html>

Java代码:

@RequestMapping(value = "/upload/multiple", method = RequestMethod.POST)
@ResponseBody
public Result ticketMultiple(HttpServletRequest request, @RequestParam("file1")  MultipartFile[]  files,@RequestParam(value = "useSass") String useSass) throws Exception {}

ajax上传文件formData相关推荐

  1. Ajax上传文件的cache、processdata、contentType属性以及FormData对象的总结

    Ajax上传文件的cache.processdata.contentType属性以及FormData对象的总结 前言:在之前的Ajax一次性上传多张图片并实现预览的博客中提到,如果要用 Ajax 上传 ...

  2. 页面无刷新ajax上传文件--模拟iframe,超简单

    前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...

  3. 上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小

    html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...

  4. ajax上传文件 获取失败,Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法...

    本篇文章给大家带来的内容是关于Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 问题 A ...

  5. php 通过ajax上传文件,php – 通过ajax上传文件

    我使用2个文件index.js,upload.php尝试通过ajax上传文件(img),如果成功附加到div uploadfile_show. 但它不起作用,几乎没有问题,下面是我的代码有什么建议吗? ...

  6. Django框架 之 Form表单和Ajax上传文件

    Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...

  7. php+ajax上传文件

    直接上源代码 html页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" > ...

  8. ajax上传 java,javaWeb中使用ajax上传文件

    javaWeb上传图片 上传文件所必要的两个jar包:commons-fileupload.jar.commons-io.jar. 核心代码: String withPath = req.getSer ...

  9. ajax上传文件报错The current request is not a multipart request的解决办法

    ajax上传文件报错The current request is not a multipart request的解决办法 主要报错语句为: The current request is not a ...

  10. ajax 上传文件实例,JavaScript使用Ajax上传文件的示例代码

    本文介绍了JavaScript使用Ajax上传文件的示例代码,分享给大家,具体如下: 实现文件的上传主要有两种方式: 使用form表单提交上传 html代码如下: 上传 此时的JavaScript代码 ...

最新文章

  1. LinkedBlockingQueue源码解析(1)
  2. UVA 11235 Frequent values(RMQ)
  3. Sublime 资源汇总
  4. linux arp代理配置,linux下tomcat的arp配置
  5. 大白话带你梳理一下Dubbo的那些事儿
  6. SQL Server数据库分区分表
  7. 20190815:(leetcode习题)两数之和(2种方法)
  8. LinkedHashMap/HashMap 介绍
  9. spring4.1.8扩展实战之七:控制bean(BeanPostProcessor接口)
  10. NiceScroll接管iview table高度自适应变化
  11. 【汽车冷却胶管】的试验研究检测及质量改进方法
  12. 阿里巴巴android开发规范,阿里巴巴开发手册|阿里巴巴Android开发手册 PDF电子版_最火软件站...
  13. 文章标签设计方法,文章Tags数据库设计方法举例
  14. Maven查看当前生效配置、pom、环境变量等命令(mvn help用法)
  15. iOS开发之MOVE设计模式
  16. 《羊了个羊》还在火!创始人被制成展牌,竟成母校招生“活广告”?
  17. 领导逼迫员工离职的10大套路
  18. 记一次微信小程序 进入 游客模式后如何切换回来
  19. 区分SLA,SLI,SLO Google 云原生的三个S
  20. 来自菜鸟的逆袭,闭关修炼一个月,出关后成功拿下阿里,蚂蚁金服,美团三个大厂意向书!

热门文章

  1. C++自增和自减运算符(--和++)
  2. html中id和name的异同
  3. TCP SYN-Cookie背后的人和事
  4. QT QTableWidget设置单元格不可编辑
  5. c/c++文件操作之缓冲区
  6. C++解析char *p与char p[]
  7. 学生宿舍管理系统HTML代码,学生宿舍管理系统源代码.doc
  8. Datawhale 社区黑板报(第1期)
  9. 数据库系统概论学习总结
  10. Windows提权 cmd 开启 3389