1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > php+js实现图片的上传 裁剪 预览 提交示例

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

时间:2022-11-22 02:36:16

相关推荐

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

php教程|php手册

图片上传,图片裁剪

php教程-php手册

b2b销售源码,宝塔面板ubuntu,tomcat 线程池耗光,爬虫宠物照明,php代码行数统计工具,微信小程序seo优化链接规则lzw

首先用到的语言是php、插件imgareaselect附下载地址,没有太多花哨的样式,喜欢的朋友可以学习下

ecshop源码下载,vscode报属性,英伟达显卡ubuntu安装黑屏,tomcat修改java,sqlite 同步写文件,emlog 插件目录,类似mui的前端框架,网络爬虫采集图片,php 查找值,京东seo优化是什么seo教程,地板网站模版,微信聊天网页同时代码,淘宝悬浮导航模板,柚子房产小程序源码lzw

易语言找颜色点击源码,ubuntu系统搭建ppt,tomcat服务几秒就停止了,淘数据爬虫,php 自动生产word文档,seo推荐网站lzw

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

复制代码 代码如下:

function preview(img, selection) {

$(‘#selectbanner’).data(‘x’,selection.x1);

$(‘#selectbanner’).data(‘y’,selection.y1);

$(‘#selectbanner’).data(‘w’,selection.width);

$(‘#selectbanner’).data(‘h’,selection.height);

var scaleX = 100 / (selection.width || 1);

var scaleY = 100 / (selection.height || 1);

$(‘#ferret > img’).css({

width: Math.round(scaleX * 512) + ‘px’,//512、390是你上传图片的宽高

height: Math.round(scaleY * 390) + ‘px’,

marginLeft: ‘-‘ + Math.round(scaleX * selection.x1) + ‘px’,

marginTop: ‘-‘ + Math.round(scaleY * selection.y1) + ‘px’

});

}

//这里通过jQuery语法在原来图片后插入预览的小图片

$(document).ready(function () {

$(‘

‘).css({

float: ‘left’,

position: ‘relative’,

overflow: ‘hidden’,

width: ‘100px’,

height: ‘100px’

})

.insertAfter($(‘#selectbanner’));

$(‘#selectbanner’).imgAreaSelect({

selectionColor: ‘blue’, x1:0, y1:0, x2: 100,//初始位置

maxWidth:500,y2:100,

aspectRatio: ‘1:1’,//缩放比例

selectionOpacity: 0.2 ,

onSelectEnd: preview //裁剪后执行的函数,免备案空间,香港空间,在上面

});

//确认裁剪

$(“#sliceButton”).click(function() {

var pic = $(‘#selectbanner’).attr(‘src’);

// alert(pic);

var x,y,w,h;

$.post(

“cat.php”, //(2)将附上这个页面的代码

{

x:$(‘#selectbanner’).data(‘x’),

y:$(‘#selectbanner’).data(‘y’),

w:$(‘#selectbanner’).data(‘w’),

h:$(‘#selectbanner’).data(‘h’),

pic:pic

},

function(data){

// alert(data);

//把裁剪后图片加载到#sure

if(data){

$(‘#sure’).attr(‘src’,data);

}

}

);

});

})

图片裁剪、预览<?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;

}

?>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。