Ajax 使用formdata 实现 无刷新表单上传
来源:互联网 发布:炒外汇模拟软件 编辑:程序博客网 时间:2024/06/05 18:58
FormData
对象的作用就类似于这里的serialize()
方法,不过FormData
是浏览器原生的,且支持二进制文件
1.这里实现一个无刷新上传图片,成功后页面显示
点击button 触发隐藏的 input上传
view层
<img id='headimage' src="images/default_tx.jpeg" width="80" height="80" style="border-radius: 5px;" /><div style="width: 100%; height: auto; text-align: center; margin-top: 10px;"> <input type="button" class="btn btn-default btn-sm" value="上传头像" onclick="getElementById('inputfile').click()" /> <form id="submit_form11" method="post" action="index.php?r=cus-main/upimage" target="exec_target" enctype="multipart/form-data"> <input type="file" name="image" style="display:none;" id="inputfile"/></div> </form>
$("#inputfile").change(function(){ var data = new FormData(); $.each($('#inputfile')[0].files, function(i, file) { data.append('image', file); //可以使用append方法 可以人为的给当前formdata对象添加键/值对 }); data.append('cid',<?php echo $info['cid']; ?>) $.ajax({ url:"index.php?r=cus-main/upimage", type:'POST', data:data, cache: false, contentType: false, //告诉jquery不去处理发送的数据 processData: false, //告诉jquery不去设置content-type请求头 success:function(data){ if(data['code']==101) { $('#headimage').attr('src',data['url']); }else { alert('系统繁忙'); } }, error:function(){alert('系统繁忙')} });})
后台获取
获取文件图片 使用 $_FILES['image'] 获取一般键值 使用$_POST['cid'];
0 0
- Ajax 使用formdata 实现 无刷新表单上传
- Ajax使用FormData对象实现无刷新上传文件
- 实现无刷新上传文件,使用FormData进行Ajax请求
- Ajax+FormData实现无刷新附件上传
- 使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单
- 利用Ajax FormData实现无刷新带进度条文件上传
- 通过Ajax使用FormData对象无刷新上传文件
- 通过Ajax使用FormData对象无刷新上传文件
- 使用Ajax实现无刷新上传文件
- 如何使用ajax实现无刷新上传
- 利用ajax与springmvc传送formdata实现图片的无刷新上传
- 基于jQuery的ajax系列之用FormData实现页面无刷新上传
- 基于jQuery的ajax系列之用FormData实现页面无刷新上传
- 使用AJAX 加 iframe 实现表单无刷新提交并上传文件
- 无刷新表单信息提交,使用HTML5新技术FormData
- 使用PHP和HTML5 FormData实现无刷新文件上传教程
- 使用PHP和HTML5 FormData实现无刷新文件上传教程
- ajax formData 异步上传表单
- android四大组件_Activity
- 精品網站收藏
- 关于java的常用运算符
- ffmpeg命令行,单张图片,音频合成视频
- LeetCode 009. Palindrome Number
- Ajax 使用formdata 实现 无刷新表单上传
- 求出链表中倒数第n个节点
- 1.Centos 7.2安装Mysql
- shell的until循环
- volley网络请求架构分析
- 头疼了一天的IDEA的SSH环境搭建,先做个记录吧。
- HashMap的工作原理
- 白话 P-value
- 为知笔记linux版输入中文