<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

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

<script type="text/javascript" src="js/json2.js"></script>

</head>

<body>

    <p>
　　　　<!--必须这个写-->

      <label for="fileField">File:</label>

      <input type="file" name="fileField" id="fileField">

    </p>

    <p>

      <input type="button" value="Save Data" style="width:80" onclick="testSaveData()">

</p>

    <div style="width:600;background-color:#FCC389;height:200;overflow-x:hidden;overflow-y:scroll" id="showArea">

    </div>

</body>

<script>

function testGetUserInfo()

{

    $.ajax({

        url : '/apps/ctrlPage/getUser?code=1',

        type:"get",

        error : function(error){alert("系统错误.")},

        success : function(result) {

            if (result) {

                $("#showArea").html(JSON.stringify(result));

            }

        }

    });

}

function testGetCheckResult()

{

    $.ajax({

        url : '/apps/ctrlPage/getResult?ckUserId=1',

        type:"get",

        error : function(error){alert("系统错误.")},

        success : function(result) {

            if (result) {

                $("#showArea").html(JSON.stringify(result));

                alert(result.params.checkResult.cataract);

            }

        }

    });

}

function testSaveData()

{

    var formData = new FormData();

    formData.append("ckUserId",1);
　　// 不要忘记加[0]

    formData.append("photo",$("#photoFile")[0].files[0]);

    formData.append("eyePositionRecheck","[{name:\"映光\",result:\"<检查结果>\"},{name:\"交替遮盖\",result:\"<检查结果>\"},{name:\"三棱镜遮盖\",result:{near:\"<近距结果>\",far:\"<远距结果>\"}}]");

    formData.append("refractiveRecheck","{od:{ball:'球径',column:'柱径'},os:{ball:'球径',column:'柱径'}}");

    formData.append("conclusion",'结论');

    $.ajax({

        url : '/apps/ctrlPage/saveData',

        type : 'POST',

        data : formData,

        // 告诉jQuery不要去处理发送的数据

        processData : false,

        // 告诉jQuery不要去设置Content-Type请求头

        contentType : false,

        error : function(error){alert("系统错误.")},

        success : function(result) {

            if (result) {

                $("#showArea").html(JSON.stringify(result));

            }

        }

    });

}

</script>

</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. UITextField成为第一响应者

    @interface CSRegisterTwoViewController ()<UITextFieldDelegate> @property (weak, nonatomic) IBO ...

  2. NYOJ--513--A+B Problem IV(大数)

    A+B Problem IV 时间限制:1000 ms  |  内存限制:65535 KB 难度:3   描述 acmj最近发现在使用计算器计算高精度的大数加法时很不方便,于是他想着能不能写个程序把这 ...

  3. sysstat -6.0.2 lib not install

    执行oracle安装包./setup.sh 后跳出,无法执行数据库的安装,并提示类似下面 的错误信息-- ERROR:===wed Aug 15 08:43:23 CST 2012===sysstat ...

  4. Selenium对于对话框alert，confirm，prompt的处理

    html 源码: <html>                  <head>                      <title>Alert</titl ...

  5. python实战===生成随机数

        用于生成一个指定范围内的随机符点数,两个参数其中一个是上限,一个是下限.   import random print random.uniform(10, 20) print random.u ...

  6. RMAN备份介质的移动与再恢复测试 [ catalog start with ‘dir’ ]

    --RMAN备份介质的移动与再恢复测试 ---------------------------------------------------------2013/09/21   由于目前生产环境中没 ...

  7. C/C++ 知识点---字符串函数

    1.strcpy字符串拷贝2.strcmp字符串比较3.strstr字符串查找4.strDelChar字符串删除字符5.strrev字符串反序6.memmove拷贝内存块7.strlen字符串长度 - ...

  8. 谈谈php依赖注入和控制反转

    要想理解php依赖注入和控制反转两个概念,就必须搞清楚如下的问题: DI--Dependency Injection   依赖注入 IoC--Inversion of Control  控制反转 1. ...

  9. javascript如何创建一个换行节点

    换行节点和其他节点的创建方式一样,使用document.createElement("br");创建节点, 并使用parentNode.appendChild()将节点插入到相应的 ...

  10. RTMP协议中文翻译(首发)

    翻译:阿宝 更新:2016-09-11 来源:彩色世界(https://blog.hz601.org/2016/07/03/real-time-messaging-protocol/index.htm ...