博主信息
博文 42
粉丝 4
评论 0
访问量 37249
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
4.19 php jquery ajax 图片上传--24Day
小丑的博客
原创
876人浏览过
  1. html页面

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    	<script type="text/javascript">
    	$(document).ready(function(){
    
    		$('button').click(function(){
    
    			// alert($('#fileName').val())
    			
    
    			var fileName = $('#fileName').val();			
    			var fileJpg = $('#fileJpg')[0].files[0];
    
    
    			
    			var formData = new FormData();  
      
                formData.append('fileName',fileName);                           
                formData.append('fileJpg',fileJpg);  //
    	        
    	        // console.log($('#fileJpg')[0].files[0]);
                 
    			$.ajax({
    
    				type:'post',
    				url:'server1.php',
    				//fileElementId:'fileJpg',
    				// data:{
    				// 	fileName:$('#fileName').val()
    				// },
    				data:formData,
    				//如果传递的是FormData数据类型,那么下来的三个参数是必须的,否则会报错
    				cache:false,  //默认是true,但是一般不做缓存  
    	            processData:false, //用于对data参数进行序列化处理,这里必须false;如果是true,就会将FormData转换为String类型  
    	            contentType:false,  //
    	            dataType:"json", //声明成功使用json数据类型回调  
    				success:function(msg){
    					$('p').append('图片保存文件夹:'+msg.fileName+",图片名称:"+msg.fileJpg);
    				},error:function(data,status,e){
    					alert(e)
    				}
    
    
    
    			})
    
    
    
    		})
    
    	})
    	</script>
    </head>
    <body>
    	文件夹: <input type="text" name="fileName" id='fileName'><br>
    	选择文件:<input type="file" name="fileJpg" id="fileJpg"><br>
    	<button>提交</button>
    	<p></p>
    </body>
    </html>

    运行实例 »

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

  2. PHP

实例

<?php 

$fileName = $_POST['fileName'];
//print_r($fileName);

if(!file_exists($fileName))
	mkdir($fileName);

$type = ['image/jpg','image/jpeg', 'image/png'];

if(in_array($_FILES['fileJpg']['type'],$type)){
	if(file_exists($fileName.'/'.$_FILES['fileJpg']['name'])){  

    	die($_FILES['fileJpg']['name']."文件已存在");  //如果上传的文件已经存在 

	}else{

	    move_uploaded_file($_FILES['fileJpg']['tmp_name'], $fileName.'/'.$_FILES['fileJpg']['name']);  //保存在缓冲区的是临时文件名而不是文件名  
	}  

}else{

	die("格式错误,必须为图片格式");
}


$json_array = array('fileName'=>$fileName,'fileJpg'=>$_FILES['fileJpg']['name']); //转换成数组类型  
     //$json_array = array('name'=>$username,'age'=>$age ,'file1'=>$filesName[0] ); //转换成数组类型  
  
$json= json_encode($json_array);  //将数组转换成json对象  
echo   $json;  

?>

运行实例 »

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

运行界面

微信图片_20180423164633.png

批改状态:未批改

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

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

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