文件上传二：FormData上传

介绍三种上传方式：

真正的异步上传，FormData的更多操作，请点击这里

 <!DOCTYPE html>

 <html>

 <head>

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

     <title></title>

 </head>

 <body>

     <input type="file" id="FileData" />

     <br />

     <input type="button" id="btn1" value="上传" />

     <script>

         btn1.onclick = function () {

             var formData = new FormData();

             formData.append("FileData", FileData.files[0]);

             var request = new XMLHttpRequest();

             request.open("POST", "Handler1.ashx");

             request.onload = function (e) {

                 if (request.status == 200) {

                     var res = e.target.responseText;

                 }

             };

             request.send(formData);

         };

     </script>

 </body>

 </html>

后端代码，跟文件上传一：伪刷新上传一样。

文件上传二：FormData上传的更多相关文章

使用FormData上传文件、图片
关于FormData XMLHttpRequest Level 2添加了一个新的接口 ---- FormData 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XM ...
jQuery Ajax使用FormData上传文件和其他数据，后端web.py获取
参考博文: 通过jQuery Ajax使用FormData对象上传文件方法一:使用<form>表单初始化FormData对象方式上传文件前端(JQuery): <form enc ...
（十）HttpClient以multipart/form-data上传文件
原文链接:https://blog.csdn.net/wsdtq123/article/details/78888734 POST上传文件最早的HTTP POST是不支持文件上传的,给编程开发带来很 ...
iframe 模拟ajax文件上传and formdata ajax 文件上传
对于文件上传有好多种方式,一直想总结文件上传的方法今天就来写下 iframe 的文件上传的代码本人语言表达能里有限,不多说了直接上代码. 首先看总体页面. 总共就三个文件. 实际上也就是 ...
Python Requests库 form-data 上传文件操作
请求数据示例: ------WebKitFormBoundaryKLoWgrA4O40MayHM Content-Disposition: form-data; name="id" ...
FormData上传文件带进度条
* jQuery ajax FormData 上传文件 template $.ajax({ url: url, type: 'POST', data: new FormData(form), dat ...
ASP.NET MVC 网站开发总结（二）——一个或多个文件的异步或同步上传
简而言之,直接用代码展示如何实现文件的上传,这里需要使用到一个bootstrap的文件上传插件File Input(请自行下载). 前台页面:  <!DOCTYPE h ...
html5+php实现文件的断点续传ajax异步上传
html5+php实现文件的断点续传ajax异步上传准备知识:断点续传,既然有断,那就应该有文件分割的过程,一段一段的传.以前文件无法分割,但随着HTML5新特性的引入,类似普通字符串.数组的分割, ...
Springmvc+uploadify实现文件带进度条批量上传
网上看了很多关于文件上传的帖子,众口不一,感觉有点乱,最近正好公司的项目里用到JQuery的uploadify控件做文件上传,所以整理下头绪,搞篇文档出来,供亲们分享. Uploadify控件的主要优 ...

随机推荐

C#获取美团评价信息
闲来无事,朋友需要一家美团店铺的评价消息,索性做个小工具. 一:第一步找到目标网站地址:https://www.meituan.com/meishi/4460141/ 二:分析网页请求在目标网页, ...
Unitils集成DBUnit、Spring-单元测试(转)
1.maven-pom文件中引入相关jar包  <dependency> <groupId>org.u ...
Visio主题与样式
o visio内置了27种主题样式共有四个分类每个主题样式都有四个变体可供选择重复就是复制的意思就是复制页面可以设置将某一个主题应用于当前页或者所有页所有页面指的是所有有相同背景的页面允 ...
ansible批量部署tomcat
1.1 构建目录结构此操作是安装nginx+mysql+tomcat+db的目录结构,可以参考一下,不错~ mkdir -p /ansible/roles/{nginx,mysql,tomcat,d ...
ubuntu手动升级系统
之前自己安装的是ubuntu14.04,现在需要升级到16.04,于是上网搜索了一下升级步骤以及相关命令,将这些整理出来分享给大家,希望能够给大家提供帮助. 1.更新资源: sudo apt-get ...
中小型企业级 IPS 部署
<构建基于Snort+Guardian+Iptables的IPS> 2020年的第三天,依旧如往常写文章,分享最近做的项目继<中小型企业级防火墙部署>之后的另一部分<构建 ...
安装Docker Machine
什么是Docker Machine Docker Machine是Docker官方编排项目之一,由Go语言实现,负责在多种平台上快速安装Docker环境,Github项目主页它支持Linux.Mac ...
【一起学源码-微服务】Nexflix Eureka 源码十三：Eureka源码解读完结撒花篇~！
前言想说的话 [一起学源码-微服务-Netflix Eureka]专栏到这里就已经全部结束了. 实话实说,从最开始Eureka Server和Eureka Client初始化的流程还是一脸闷逼,到现 ...
Codeforces Round #524 (Div. 2)（前三题题解）
这场比赛手速场+数学场,像我这样读题都读不大懂的蒟蒻表示呵呵呵. 第四题搞了半天,大概想出来了,但来不及(中途家里网炸了)查错,于是我交了两次丢了100分.幸亏这次没有掉rating. 比赛传送门:h ...
从头学pytorch(十六):VGG NET
VGG AlexNet在Lenet的基础上增加了几个卷积层,改变了卷积核大小,每一层输出通道数目等,并且取得了很好的效果.但是并没有提出一个简单有效的思路. VGG做到了这一点,提出了可以通过重复使⽤ ...

文件上传二：FormData上传

文件上传二：FormData上传的更多相关文章

随机推荐

热门专题