博主信息
博文 81
粉丝 1
评论 0
访问量 146975
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
tp5AJAX文件上传,需要声明的头信息。
有什么是忘不了的的博客
原创
971人浏览过

我用的jq来写的。ajax文件上传需要设置两个属性,contentType : false,processData : false,获取数据的时候我们需要使用FromData来获取。

实例

<form action="javascript:;" id="from" method="post" onsubmit="return add()">
		<table>
			<tr>
				<td>用户名</td>
				<td><input type="text" name="name" id="id_name" placeholder="用户名"></td>
			</tr>
			<tr>
				<td>邮箱</td>
				<td><input type="email" name="email" id="id_email" placeholder="邮箱" ></td>
			</tr>
			<tr>
				<td>手机号</td>
				<td><input type="tel" name="phone" id="id_phone" placeholder="手机号"></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" name="pwd" id="id_pwd" placeholder="密码"></td>
			</tr>
			<tr>
				<td>确认密码</td>
				<td><input type="password" name="repwd" id="id_repwd" placeholder="确认密码"></td>
			</tr>
			<tr>
				<td>角色</td>
				<td>
					<select name="jiaose" id="id_jiaose">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
					</select>
				</td>
			</tr>
			<tr>
				<td>图片</td>
				<td><input type="file" name="img" id="img" value=""></td>
			</tr>
			<tr>
				<td></td>
				<td><input type="submit" value="提交"> <input type="reset" value="重置"></td>
			</tr>
		</table>	
	</form>	
<script type="text/javascript">
    var from = $('#from')[0];		
    var formData = new FormData(from);		
    formData.append("imgfile",$('#img')[0].files[0]);		
    $.ajax({				  
         type: "POST",				  
         url: "/login/insertInto",				   
         data: formData,				   
         contentType : false,				   
         processData : false, // 使数据不做处理				   
         success: function(msg){				   	
             if (msg.code==1) {				   		
                 alert( msg.msg );				   		
                 // location.href='/login/login';				   	
             }else{				    
                  alert(msg.msg);				   
              }				   	
          }				
      })	
      }
</script>

运行实例 »

点击 "运行实例" 按钮查看在线实例


本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学