---恢复内容开始---

Ajax提交表单、使用FormData提交表单数据和上传的文件(这里的后台使用C#获取，你可以使用Java一样获取)

有时候前台的数据提交到后台，不想使用form表单上传，希望通过Ajax上传，那么怎么实现呢？

前台页面：

Save

JS代码：

$("#saveInfo").click(function () {

var clientName = $("#ClientName").val();

var CropID = $("#CropID").val();

var Secret = $("#Secret").val();

var AppID = $("#AppID").val();

var formData = new FormData();

alert(clientName);

formData.append("file", document.getElementById("Logo").files[0]);

formData.append("clientName", clientName);

formData.append("CropID", CropID);

formData.append("Secret", Secret);

formData.append("AppID", AppID);

$.ajax({

url: "上传地址",

data: formData,

type: "POST",

contentType: false,//这里

processData: false,//这两个一定设置为false

success: function (info) {

if (info == "success") {

alert("成功上传")；

} else {

alert(info);

}

}

});

});

那么在后台接收使用(这里使用C# 代码实现的，Java代码也一样的道理实现)：

HttpRequest request = HttpContext.Current.Request;

//获取到前台的ClientName

string ClientName = request.Params["clientName"];

//获取前台的CropID

string CropID = request.Params["CropID"];

//获取前台的Secret

string Secret = request.Params["Secret"];

//获取前台的AppID

string APPID = request.Params["AppID"];

//获取前台上传的文件

if (request.Files.Count > ){

HttpPostedFile file = request.Files[];

}

这个功能的实现可以实现如：一个页面注册时上传用户图像等情形，当然是用Form表单也可以实现。

另外，一些ajax提交表单、ajax实现文件上传的实现，可参考：

---恢复内容结束---

js_ajax模拟form表单提交_多文件上传_支持单个删除

需求场景: 用一个input type="file"按钮上传多张图片,可多次上传,可单独删除,最后使用ajax模拟form表单提交功能提交到指定方法中: 问题:由于只有一个file ...

Java后台使用httpclient入门HttpPost请求(form表单提交，File文件上传和传输Json数据)

一.HttpClient 简介 HttpClient 是 Apache Jakarta Common 下的子项目,用来提供高效的.最新的.功能丰富的支持 HTTP 协议的客户端编程工具包,并且它支持 ...

ANDROID使用MULTIPARTENTITYBUILDER实现类似FORM表单提交方式的文件上传

最近在做 Android 端文件上传,要求采用 form 表单的方式提交,项目使用的 afinal 框架有文件上传功能,但是始终无法与php写的服务端对接上,无法上传成功.读源码发现:afinal 使 ...

Linux curl 模拟form表单提交信息和文件

Linux curl 模拟form表单提交信息和文件   curl是一个命令行方式下传输数据的开源传输工具,支持多种协议:FTP.HTTP.HTTPS.IMAP.POP3.TELNET等,功能超级强大 ...

js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

jquery模拟form表单提交并新打开页面

/** * form表单提交本页面打开 * @param url * @param params */ function postCurrent(url,params){ var form = $(& ...

Yii2表单提交(带文件上传)

今天写一个php的表单提交接口,除了基本的字符串数据,还带文件上传,不用说前端form标签内应该有这些属性

随机推荐

JS组件系列——封装自己的JS组件

前言:之前分享了那么多bootstrap组件的使用经验,这篇博主打算研究下JS组件的扩展和封装,我们来感受下JQuery为我们提供$.Extend的神奇,看看我们怎么自定义自己的组件,比如我们想扩展一 ...

通过box盒子模型给元素内容设置居中

老版本语法 div{ display: -webkit-box;-webkit-box-align:center; //垂直居中-webkit-box-pack:center;//水平居中 } 新版本 ...

js获取文本框输入的值

浅谈Feature Scaling

浅谈Feature Scaling 定义:Feature scaling is a method used to standardize the range of independent variab ...

《JavaScript学习指南》第2版 学习笔记1

1.

标签 noscript 元素用来定义在脚本未被执行时的替代内容(文本). 注释:如果浏览器支持脚本,那么它不会显示出 noscript 元素中的文本.无法识别 & ...

Kakfa揭秘 Day2 Kafka内核再揭秘

Spark Streaming揭秘 Day33 Kafka内核再揭秘 优秀的框架会把引擎做到极致,Kafka就是这样,让我们再深入一下研究. 设计目标 kafka系统有着比较独特的的设计,包括5点: ...

C读写配置文件

在项目开发中,经常需要读取应用配置文件的初始化参数,用于应用在启动前进行一些初始化配置.比如:Eclipse,参数项包含主题.字体大小.颜色.Jdk安装位置.自动提示等.Eclispe配置的文件格式是 ...

Html基础详解之(jquery)

jquery选择器: #id 根据给定的ID匹配一个元素,如果选择器中包含特殊字符,可以用两个斜杠转义.(注:查找 ID 为"myDiv"的元素.) ..

tab页的使用方法

css代码: #main{ margin:0px; width:100%; height:540px; background:url(m.jpg) no-repeat; background-size ...

【作业一】Android开发环境以及开发前的准备

对于Android平台的开发工具,我知道的就是Eclipse和Android Studio(后面简称AS).之前在学习JAVA时,渐渐习惯了Eclipse,后来要搭建Android的开发环境时,本来也 ...