<!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. vc类型转换函数大全

    windows c++中存在各种类型,在实际应用过程中也需要将类型互相转换,故整理了常用类型之间的转换并将之封装成函数,仅供参考,有什么不对的地方,还请指正!   ****************** ...

  2. hdu--1018--Big Number（斯特林公式）

    Big Number Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total ...

  3. NYOJ--95--multiset--众数问题

    /* Name: NYOJ--95--众数问题 Date: 20/04/17 16:02 Description: multiset水过 */ #include<set> #include ...

  4. D重叠面积

    Description zjahstu是个很厚道的ACMer,O(∩_∩)O~..特为大家准备水题一道.. 题目很简单,两个矩形,告诉你矩形1,矩形2的面积和他们的总面积,请你求两矩形重叠部分的面积. ...

  5. 【待整理】MySQL alter table modify vs alter table add产生state不一样

    MySQL:5.6.35 OS:redhat5.8 今天更新数据库某些表字段,有如下两SQL: ①alter table xx modify xxxx;(表大概是77w) ②alter table s ...

  6. mybatis 详解（十）------ 逆向工程

    通过前面的学习,在实际开发中,我们基本上能对mybatis应用自如了,但是我们发现了一个问题,所有操作都是围绕着po类,xxxMapper.xml文件,xxxMapper接口等文件来进行的.如果实际开 ...

  7. Orleans简介

    Orleans简介. Orleans是微软开源的分布式actor模型框架.actor模型的原理网络上有很多文章.有许多理论性的文章,深刻地我都不知道怎么应用.在这里我就不赘述了.既然是博客,就说说自己 ...

  8. CentOS7开机提示welcome to emergency mode！after logging in...

    CentOS7.3昨天用的还好好的的,但是今天开机提示如下(如图提示): welcome to emergency mode!after logging in ,type "journalc ...

  9. spring boot 登录注册 demo （三） -- 前后端传递

    前端页面通过thymeleaf渲染 <dependency> <groupId>org.springframework.boot</groupId> <art ...

  10. Android 开源可缩放平移的绘画板

    ScaleSketchPadDemo 此项目包含两个模块 app1 为普通绘画板 app2 为可所发的绘画板 方便各位Android 开发者理解和使用 用法: 进入项目根目录:https://gith ...