JQ中的FormData对象 ajax上传文件
HTML代码:
<form enctype="multipart/form-data" method="POST" name="searchform" id="searchform">
<table width="0%" border="0" cellspacing="0" cellpadding="0" class="bk_add_box">
<tr>
<td width="140" align="right"><b>选择文件:</b></td>
<td align="left">
<input name="member_info" type="file" id="member_info" size="48" style="float:left;width:150px;">
<span class="tips" >注:请上传*.XLS文件~!</span>
</td>
</tr>
<tr>
<td width="140" align="right"></td>
<td align="left">
<a href="javascript:;" class="enter_btn" onclick="$('#searchform').submit();">导入会员信息</a>
</td>
</tr>
</table>
</form>
########################################################################################################################################
JQ代码:
<script type="text/javascript">
$(function(){
$('#searchform').submit(function(){
var data = new FormData($('#searchform')[0]);
// return console.log(data);
$.ajax({
type: 'POST',
url: '/member_manage/?act=import_member_info_ajax',
data: data,
dataType: 'JSON',
cache: false,
processData: false,
contentType: false,
success: function(json) {
if(json.error == 0) {
__alert(json.data, false, function() {
window.location.reload();
});
}else {
return _alert(json.data);
}
}
});
return false;
});
});
</script>
########################################################################################################################################
获取上传文件类型名
$filetype = strrchr($_FILES["input_name"]["name"], "."); //截取点之后的字符串 包括点
$filetype = substr($filetype, 1, strlen($filetype)); //把 点去除
$filetype = strtolower($filetype);//截取文件类型名 //所有字符串都转换成小写
########################################################################################################################################
JQ中的FormData对象 ajax上传文件的更多相关文章
- HTML5 中已经可以用 Ajax 上传文件了,而且代码非常简单,借助 FormData 类即可发送文件数据。
<?phpif (isset($_POST['upload'])) { var_dump($_FILES); move_uploaded_file($_FILES['upfile']['tmp_ ...
- 传统表单提交文件上传,以及FormData异步ajax上传文件
传统的文件上传: 只用将form表单的entype修改成multipart/form-data,然后就可以进行文件上传,这种方式常用并且简单. 以下是另一种方式FormData,有时候我们需要ajax ...
- HTML5 借助http请求发送formdata对象,从而上传文件 XMLHttpRequest, FormData
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- base64格式图片转换为FormData对象进行上传
原理:理由ArrayBuffer.Blob和FormData var base64String = /*base64图片串*/; //这里对base64串进行操作,去掉url头,并转换为byte va ...
- Ajax 上传文件(input file FormData)
FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据.其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用. jQuery Aj ...
- models渲染字典&form表单上传文件&ajax上传文件
{# {% for u in teacher_d.keys %}#} {# {% for u in teacher_d.values %}#} {% for k,u in teacher_d.item ...
- springMVC+jsp+ajax上传文件
工作中遇到的小问题,做个笔记 实现springMVC + jsp + ajax 上传文件 HTML <body> <form id="myform" method ...
- 伪ajax上传文件
伪ajax上传文件 最近在折腾伪ajax异步上传文件. 网上搜索了一下,发现大部分方法的input file控件都局限于form中,如果是在form外的呢? 必须动态生成一个临时form和临时if ...
- flask jQuery ajax 上传文件
1.html 代码 <div> <form id="uploadForm" enctype="multipart/form-data" > ...
随机推荐
- L2-3 名人堂与代金券 (25 分)
#include<cstdio> #include<algorithm> #include<cstring> using namespace std; int N, ...
- CSS定位属性
定位属性 position属性 1. s ...
- apache的应用(发布目录,黑白名单,虚拟主机,PHP-cgi支持,正向代理,https加密,)
[root@apache1 ~]# yum install httpd -y [root@apache1 ~]# cd /var/www/html/ 进入默认发布目录 [root@apache1 ...
- Locust源码目录结构及模块作用
Locust源码目录结构及模块作用如下: 参考文章:https://blog.csdn.net/biheyu828/article/details/84031942
- oracle闪回(flashback)的部分实用操作(彻底删除的除外)
一.数据delete并且commit提交之后的闪回 (一):根据时间来恢复:1.查询数据库当前时间(目的是为了检查数据库时间是否与你电脑时间相近,避免时间不同而将数据恢复到错误时间点)select ...
- Monkey基本使用(转载)
什么是 Monkey Monkey 是一个 Android 自动化测试小工具.主要用于Android 的压力测试, 主要目的就是为了测试app 是否会Crash. Monkey 特点 顾名思义,Mon ...
- 《架构设计之[CAP定理]》读后感
现在有许多互联网项目都是采用分布式结构进行部署.而cap定理是分布式系统中最近出的原则.所以对于哦我们来说,学习cap非常重要.CAP定理又称为布鲁尔定理.CAP定理是指对于一个分布式系统,不能同时满 ...
- TensorFlow模型转为caffe模型
最近由于要将训练好的模型移植到硬件上,因此需要将TensorFlow转为caffe模型. caffe模型需要两个文件,一个是定义网络结构的prototxt,一个是存储了参数的caffemodel文件. ...
- [转]常用 GDB 命令中文速览
目录 break -- 在指定的行或函数处设置断点,缩写为 b info breakpoints -- 打印未删除的所有断点,观察点和捕获点的列表,缩写为 i b disable -- 禁用断点,缩写 ...
- Access如何判断字符串从左边第一个数字为5
步骤如下: 1.打开VBA(ALT+F11)2.右键模块=>插入=>模块3.粘贴以下代码: Public Function CutStr(chkStr As String) As Stri ...