1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <script type="text/javascript" src="js/jquery.min.js"></script>
  6. <script type="text/javascript" src="js/json2.js"></script>
  7. </head>
  8. <body>
  9.     <p>
    　　　　<!--必须这个写-->
  10.       <label for="fileField">File:</label>
  11.       <input type="file" name="fileField" id="fileField">
  12.     </p>
  13.     <p>
  14.  
  15.       <input type="button" value="Save Data" style="width:80" onclick="testSaveData()">
  16.  
  17. </p>
  18.     <div style="width:600;background-color:#FCC389;height:200;overflow-x:hidden;overflow-y:scroll" id="showArea">
  19.  
  20.     </div>
  21. </body>
  22.  
  23. <script>
  24. function testGetUserInfo()
  25. {
  26.     $.ajax({
  27.         url : '/apps/ctrlPage/getUser?code=1',
  28.         type:"get",
  29.         error : function(error){alert("系统错误.")},
  30.         success : function(result) {
  31.             if (result) {
  32.                 $("#showArea").html(JSON.stringify(result));
  33.             }
  34.         }
  35.     });
  36.  
  37. }
  38.  
  39. function testGetCheckResult()
  40. {
  41.     $.ajax({
  42.         url : '/apps/ctrlPage/getResult?ckUserId=1',
  43.         type:"get",
  44.         error : function(error){alert("系统错误.")},
  45.         success : function(result) {
  46.             if (result) {
  47.                 $("#showArea").html(JSON.stringify(result));
  48.                 alert(result.params.checkResult.cataract);
  49.             }
  50.         }
  51.     });
  52.  
  53. }
  54.  
  55. function testSaveData()
  56. {
  57.     var formData = new FormData();
  58.     formData.append("ckUserId",1);
    　　// 不要忘记加[0]
  59.     formData.append("photo",$("#photoFile")[0].files[0]);
  60.     formData.append("eyePositionRecheck","[{name:\"映光\",result:\"<检查结果>\"},{name:\"交替遮盖\",result:\"<检查结果>\"},{name:\"三棱镜遮盖\",result:{near:\"<近距结果>\",far:\"<远距结果>\"}}]");
  61.     formData.append("refractiveRecheck","{od:{ball:'球径',column:'柱径'},os:{ball:'球径',column:'柱径'}}");
  62.     formData.append("conclusion",'结论');
  63.  
  64.     $.ajax({
  65.         url : '/apps/ctrlPage/saveData',
  66.         type : 'POST',
  67.         data : formData,
  68.         // 告诉jQuery不要去处理发送的数据
  69.         processData : false,
  70.         // 告诉jQuery不要去设置Content-Type请求头
  71.         contentType : false,
  72.         error : function(error){alert("系统错误.")},
  73.         success : function(result) {
  74.             if (result) {
  75.                 $("#showArea").html(JSON.stringify(result));
  76.             }
  77.         }
  78.     });
  79.  
  80. }
  81.  
  82. </script>
  83. </html>

FormData 上传多种格式的文件的更多相关文章

  1. Django学习——ajax发送其他请求、上传文件（ajax和form两种方式）、ajax上传json格式、 Django内置序列化（了解）、分页器的使用

    1 ajax发送其他请求 1 写在form表单 submit和button会触发提交 <form action=""> </form> 注释 2 使用inp ...

  2. 使用FormData上传文件、图片

    关于FormData XMLHttpRequest Level 2添加了一个新的接口  ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XM ...

  3. SharePoint 2013上传AI格式文件，再次下载后变成了PS格式文件

    问题: SharePoint 2013上传AI格式文件,再次下载后变成了PS格式文件 需要下载副本才能显示AI格式 解决办法有两个: 第一种,在客户端机器1. Click Start, click R ...

  4. 文件上传二：FormData上传

    介绍三种上传方式: 文件上传一:伪刷新上传 文件上传二:FormData上传 文件上传三:base64编码上传 Flash的方式也玩过,现在不推荐用了. 真正的异步上传,FormData的更多操作,请 ...

  5. （十）HttpClient以multipart/form-data上传文件

    原文链接:https://blog.csdn.net/wsdtq123/article/details/78888734 POST上传文件 最早的HTTP POST是不支持文件上传的,给编程开发带来很 ...

  6. FormData上传文件 带进度条

    * jQuery ajax  FormData 上传文件 template $.ajax({ url: url, type: 'POST', data: new FormData(form), dat ...

  7. php学习笔记：文件的上传（包含设置文件的上传大小限制）

    今天写的是文件上传,前几天自学的正规则又忘记了,用了很笨的方法去判断格式,直接上代码: <?php /** * Created by PhpStorm. * User: Administrato ...

  8. MVC下form表单一次上传多种类型的图片（每种类型的图片可以上传多张）

    form表单一次上传多种类型的图片(每种类型的图片可以上传多张) controller中的action方法 public ActionResult UploadImage( )        { in ...

  9. HTTP文件上传服务器-支持超大文件HTTP断点续传的实现办法

    最近由于笔者所在的研发集团产品需要,需要支持高性能的大文件http上传,并且要求支持http断点续传.笔者在以前的博客如何实现支持大文件的高性能HTTP文件上传服务器已经介绍了实现大文件上传的一些基本 ...

随机推荐

  1. swift3.0 UITableView侧滑支持多选项

    func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableVie ...

  2. MJRefresh 使用注意点

    1.使用上拉加载更多, 当数据加载完调用[ableView.mj_footer endRefreshingWithNoMoreData]方法显示已经全部加载完毕这个方法,一定要放在[tableView ...

  3. 【python密码学编程】6.凯撒加密法

    凯撒加密法的迷药是0~25的整数 # _*_ coding:utf-8 _*_ #Caeser Ciper import pyperclip messgae = 'this is my secret ...

  4. 【HTTP权威指南】第三章-HTTP报文

    HTTP是因特网的信使,报文就是信使运送的包裹. 这一章包含: 报文如何流动 报文的三个组成部分(起始行,首部,实体的主体部分) 请求报文和响应报文的区别 请求报文支持的各种功能(方法) 响应报文返回 ...

  5. php+mysql事务处理例子详细分析实例下载

    一.数据引擎innodb用begin,rollback,commit来实现提交事务处理,begin开始事务后出现错误就rollback事务回滚或者没有错误就commit提事务提交确认完成. start ...

  6. python——变量

    参考资料: Python程序设计与实现 变量名的命名规则 仅仅由大.小写英文字母,下划线(_),数字(不可作为变量名的开头)组合而成: 不能使用Python关键字和函数名作为变量名: 变量名不能包含空 ...

  7. shell编程之echo printf 命令

    shell中 echo 和printf 都能用作输出,printf可以算是echo的增强版 显示转义字符 echo \""abcdef\"" >>& ...

  8. innodb和myisam存储引擎插入速度

    --innodb和myisam存储引擎插入速度 ------------------------------------2014/05/21 MySQL 5.6 全部默认设置,插入数据9999条,性能 ...

  9. Oracle 高水位线和全表扫描

    --Oracle 高水位线和全表扫描--------------------------2013/11/22 高水位线好比水库中储水的水位线,用于描述数据库中段的扩展方式.高水位线对全表扫描方式有着至 ...

  10. Linux使用系统光盘作为YUM源

    --Linux使用系统光盘作为YUM源------------------------------2013/11/07 1. 挂载光盘 Linux代码   # mkdir /media/cdrom   ...