Maison >développement back-end >tutoriel php >php+js实现图片的上传、裁剪、预览、提交示例_PHP教程

php+js实现图片的上传、裁剪、预览、提交示例_PHP教程

WBOY
WBOYoriginal
2016-07-21 16:12:21892parcourir

首先用到的语言是php、插件imgareaselect(下载地址),没有太多花哨的样式,index.php代码如下:

复制代码 代码如下:









图片裁剪、预览


//上传图片后,把图片复制到upload文件夹下面
if($_POST){
$photo = $_FILES['img']['name'];
$tmp_addr = $_FILES['img']['tmp_name'];

$path = 'upload/';
$type=array("jpg","gif","jpeg","png");
$tool = substr(strrchr($photo,'.'),1);
if(!in_array(strtolower($tool),$type)){
$text=implode('.',$type);
echo "您只能上传以下类型文件: ",$text,"
";
}else{
$filename = explode(".",$photo); //把上传的文件名以"."好为准做一个数组。
$time = date("m-d-H-i-s"); //取当前上传的时间
$filename[0] = $time; //取文件名
$name = implode(".",$filename); //上传后的文件名
$uploadfile = $path.$name;
$_SESSION['upfile'] = $uploadfile;//上传后的文件名地址
move_uploaded_file($tmp_addr,$uploadfile);
}
// echo $uploadfile;
}
?>







if(isset($_SESSION['upfile'])){?>
php+js实现图片的上传、裁剪、预览、提交示例_PHP教程
}?>




php+js实现图片的上传、裁剪、预览、提交示例_PHP教程



www.bkjia.comtruehttp://www.bkjia.com/PHPjc/313687.htmlTechArticle首先用到的语言是php、插件imgareaselect(下载地址),没有太多花哨的样式,index.php代码如下: 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD...
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn