最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

php如何预览图片

来源:动视网 责编:小采 时间:2020-11-27 15:02:16
文档

php如何预览图片

php如何预览图片:PHP代码(推荐学习:PHP视频教程)<php header("Content-type:text/html;charset=utf-8"); $upFile = $_FILES['file']; /** * 创建文件夹函数,用于创建保存文件的文件夹 * @param str $dirPath 文件夹
推荐度:
导读php如何预览图片:PHP代码(推荐学习:PHP视频教程)<php header("Content-type:text/html;charset=utf-8"); $upFile = $_FILES['file']; /** * 创建文件夹函数,用于创建保存文件的文件夹 * @param str $dirPath 文件夹

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如何预览图片

php如何预览图片:PHP代码(推荐学习:PHP视频教程)<php header("Content-type:text/html;charset=utf-8"); $upFile = $_FILES['file']; /** * 创建文件夹函数,用于创建保存文件的文件夹 * @param str $dirPath 文件夹
推荐度:
标签: 图片 浏览 php
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top