PHP代码（引荐进修：PHP视频教程）
<?php
header("Content-type:text/html;charset=utf-8");
$upFile = $_FILES['file'];
/**
* 建立文件夹函数,用于建立保留文件的文件夹
* @param str $dirPath 文件夹称号
* @return str $dirPath 文件夹称号
*/
function creaDir($dirPath){
$curPath = dirname(__FILE__);
$date = date('Y-m-d',time());
$path = $curPath.'\\'.$dirPath.'\\'.$date;
if (is_dir($path) || mkdir($path,0777,true)) {
return $dirPath;
}
}
//推断文件是不是为空或许失足
if ($upFile['error']==0 && !empty($upFile)) {
$dirpath = creaDir('upload1');
$filename = iconv("utf-8","gbk",$_FILES['file']['name']);
$date = date('Y-m-d',time());
$queryPath = './'.$dirpath.'/'.$date.'/'.$filename;
// 推断上传的是不是是图片
if($_FILES['file']['type'] == 'image/jpeg' || $_FILES['file']['type']=='image/jpg'){
//move_uploaded_file将浏览器缓存file转移到服务器文件夹
if(move_uploaded_file($_FILES['file']['tmp_name'],$queryPath)){
$filename = iconv("utf-8","utf-8",$_FILES['file']['name']);
$queryPath = './'.$dirpath.'/'.$date.'/'.$filename;
echo $queryPath;
}
}
}
?>
处理上传的图片文件名中文乱码：
$filename = iconv("utf-8","gbk",$_FILES['file']['name']);
处理没法预览的题目:
$filename = iconv("utf-8","utf-8",$_FILES['file']['name']);
html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>上传图片</title>
<script src="./js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$('div').css('color','red');
$("#up").click(function() {
//formdata贮存异步上传数据
var formData = new FormData($('form')[0]);
formData.append('file',$(':file')[0].files[0]);
//坑点: 不管怎样传数据,console.log(formData)都邑显现为空,但实在值是存在的,f12检察Net tab能够看到数据被上传了0
$.ajax({
url:'./upload.php',
type: 'POST',
data: formData,
//这两个设置项必填
contentType: false,
processData: false,
success:function(data){
// console.log(data)
var srcPath = data;
//console.log(111);
//注重这里的途径要根据本身的贮存文件的途径设置
$('.picDis img').attr('src',srcPath);
}
})
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data" id="upForm">
<input type="file" name="file" ><br><br>
<input type="button" value="提交" id="up">
</form>
<div class="picDis">
<img src="" alt="">
</div>
</body>
</html>
以上就是php怎样预览图片的细致内容，更多请关注ki4网别的相干文章！
