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" > ...
随机推荐
- 关于使用Google Analyse导入库文件编译出错的解决办法.
(最新解决办法):因为要通过cocoapod链接库,那么直接在Podfile上面加上 pod 'GoogleAnalytics-iOS-SDK', '~> 3.0.9',然后在pod insta ...
- 安装Termux的手机上运行Python
1. Termux 终端 Android是一个单用户图形化系统,功能主要以应用的形式呈现给用户,因此在系统上我们无法直接获取终端,更是无法直接调用系统自带的丰富指令.使用ADB是一个曲线救国的方法,打 ...
- javascipt中数组的常见操作
1.与lua不同,即使数组中间有null或者undefined,仍然能求出正确的长度 2.length 改变.length也会改变数组的大小 3. indexOf arr.indexOf(a)会返回第 ...
- C# 连接Oracle 11g 无需安装Oracle客户端
1.首先到Oracle网站上下载ODAC 下载地址1:http://download.csdn.net/detail/easyboot/9456476 下载地址2:http://www.oracle. ...
- CDH集群安装配置(四)- mysql 的安装
安装mysql,并且创建相关的表(只需要在chd1上面安装而且需要root权限)1.1 查看Centos自带mysql是否已经安装 yum list installed | grep mysql 卸载 ...
- 如何使一个div能够铺满整个页面? && 模态框的制作 && outerHTML
说明: 使用 ele.outerHTML = '' 这样的方法可以很容易的清除一个元素. 当然也可以使用parent.removeChild() ,但是相较而言,还是使用 outerHTML = '' ...
- 9.1_the end
选择题 1.考察正则,书写一个6位数的邮箱 a var mail=/\d{6}/; b var mail=new RegExp("/\d{6}/"); 分析:对a,应该要添加开头和 ...
- 栈C++实现
栈的核心是LIFO(Last In First Out),即后进先出 出栈和入栈只会对栈顶进行操作,栈底永远为0.如果是入栈,要将入栈元素赋值给栈数组,再将栈顶上移一位:出栈时要先将栈顶下移一位,再将 ...
- 禅道和JIRA大对比
转自:https://blog.csdn.net/qq_40543535/article/details/78182636?locationNum=9&fps=1 禅道和JIRA大对比 置顶 ...
- js跳转指定的网站
$(function () {window.location.replace("http:new.mingyikanya.com");});