小编Kee*_*ema的帖子
如何在使用Jcrop进行裁剪时获得可变宽度和高度,并使用PHP GD保存
我有一个应用程序,必须裁剪宽度和高度可变的图像.但我不知道如何使用php gd(Createimagefromjpeg)函数执行此操作
在我的代码我有:
$targ_w = 400;
$targ_h = 400;
这意味着裁剪后的图像将始终获得此宽度和高度.那不是我想要的.我希望,以某种方式裁剪图像并裁剪它,就像我在裁剪区域选择它一样,如下图所示:
现在,当我裁剪图像时,就像在图片中我得到的那样:
这是一个方形图像,因为我必须给出宽度和高度.但在我裁剪的每一张图片中,尺寸都不同.
有没有办法(变量,id等..)这样做？
感谢:D
编辑:我的代码来创建裁剪图像:
<!DOCTYPE>
<html>
<head>
<title>Cropped Image</title>
</head>
<body>
<?php
SESSION_start();
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
$targ_w = 400;
$targ_h = 400;
$jpeg_quality = 100;
$src = $_SESSION['target_path'];
$img_r = imagecreatefromjpeg($src);
$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
$targ_w,$targ_h,$_POST['w'],$_POST['h']);
header('Content-type: image/jpeg');
imagejpeg($dst_r, 'data/uploads/' . basename($src));
header('Location:'.$src);
exit;
}
?>
</body>
</html>
我上传图片的代码:
<!DOCTYPE>
<html>
<head>
<title>Het Vergeet-mij-nietje</title>
<link href="style/default.css" REL="stylesheet" TYPE="text/css">
<script type="text/javascript" src="js/showfunctie.js"></script>
<script src="js/jquery.min.js"></script>
<script …推荐指数
解决办法
查看次数
如何编辑插件以使用主题的模板文件
我正在使用一个名为海明威的主题,这是一个有三个页面布局的伟大主题.(全宽,带侧边栏,无侧边栏).这一切都很有效.我可以在页面设置中选择三个选项之一.
我也在使用Woothemes的Projects插件.这个插件可以很容易地添加带有照片库和其他一些选项的最近项目.当我使用短代码时,它正在工作:
[projects limit="12" columns="2" orderby="date" order="desc" exclude_categories=""]
我在全宽模板上使用这个带有两列的短代码.这工作得很好,但是当我尝试使用该功能使用选项内置项目自动将项目内容添加到页面时:
全宽模板不起作用,并显示侧边栏.项目的两个列布局也不起作用.他们只是在彼此下方对齐.
它应该是什么样子(这个例子是短代码):
http://hoveniersbedrijfameland.nl/projecten/
如何在项目中选择页面的选项:(这是错误的)
http://hoveniersbedrijfameland.nl/projects/
我该怎么调试这个看看有什么破坏它？
到目前为止我尝试了什么:
- 我试过这个插件就像我想要的那样.这意味着,插件将使用"类别"的完整页面模板而不是使用存档页面.我真的不知道插件是如何构建的,因此很难找到合适的文件.
- 我尝试过使用url路由的解决方法,但这不是最好的方法.
推荐指数
解决办法
查看次数
如何使用PHP将裁剪的图像保存到使用Jcrop的目录中
我可以裁剪我的图像并点击裁剪.但后来出了问题,因为我不确切知道如何保存这个图像.
我使用php中的imagecreatefromjpeg.这段代码看起来像这样:
<?php
SESSION_start();
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
$targ_w = 200;
$targ_h = 400;
$jpeg_quality = 90;
$src = $_SESSION['target_path'];
$img_r = imagecreatefromjpeg($src);
$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
$targ_w,$targ_h,$_POST['w'],$_POST['h']);
//header('Content-type: image/jpeg');
imagejpeg($dst_r, 'uploads/cropped/' . 'filename');
exit;
}
?>
我保存原始图像的PHP代码如下所示:
<?php
session_start();
$target = "uploads/";
$target = $target . basename( $_FILES['filename']['name']) ;
$_SESSION['target_path'] = $target;
$ok=1;
if(move_uploaded_file($_FILES['filename']['tmp_name'], $target))
{
echo "De afbeelding *". basename( $_FILES['filename']['name']). "* is geupload naar de map 'uploads'";
}
else {
echo "Sorry, er …推荐指数
解决办法
查看次数
如何将活动类添加到codeigniter超链接？
我知道这个问题很多,但我只是无法弄清楚如何使用已经回答的帖子来做到这一点.
我有一个带导航链接的标题.我想添加class="active"目前活跃的链接.
如果我有以下导航,我怎么能这样做？
<nav>
<ul id="main_nav">
<li class="home">
<a href="search">
<i class="icon-search"></i>
<span>BEDRIJF ZOEKEN</span>
</a>
</li>
<li class="categorie">
<a href="categorieen/all">
<i class="icon-list-ul"></i>
<span>CATEGORIE</span>
</a>
</li>
<li class="aanbieding">
<a href="aanbiedingen">
<i class="icon-shopping-cart"></i>
<span>AANBIEDING</span>
</a>
</li>
<li class="vacature">
<a href="vacatures">
<i class="icon-copy"></i>
<span>VACATURE</span>
</a>
</li>
<li class="agenda">
<a href="agenda">
<i class="icon-calendar"></i>
<span>AGENDA</span>
</a>
</li>
<li class="contact">
<a href="contact">
<i class="icon-envelope"></i>
<span>CONTACT</span>
</a>
</li>
</ul>
</nav>
我试过这个,但它不起作用:
<script>
$(function() {
var href = $(this).find('a').attr('href');
alert(window.location.pathname)
if (href === window.location.pathname) {
$(this).addClass('active'); …推荐指数
解决办法
查看次数
将mssql查询转换为mysql查询的好工具
我在堆栈上发现了很多关于将mysql转换为mssql的问题,但我想转换它.
从mssql server到mysql.
是否有(免费)工具可以在不连接数据库的情况下执行此操作？我有一个SQL查询转储,我想通过将该代码放在一个工具中来转换它.
谢谢.
推荐指数
解决办法
查看次数
使用JCrop和php中的会话一次裁剪多个图像
我有一个图像裁剪脚本,使用Jquery Jcrop插件一次裁剪一个图像.现在我想上传更多图像并使用for循环逐个裁剪它们.
做这个的最好方式是什么？
我将输入字段设置为多个,因此可以上传多个.
编辑:
我editted下面有我的代码$max和count.而且我认为我做错了.我如何解决它,所以当我点击裁剪时,它会在每个其他之后裁剪它们.
这是我的uploaded.php:
<?php
session_start();
$max = count($_FILES['userfile']['name']);
for($i = 0; $i < $max; $i++){
$target = $_FILES['file'][$i];
}
$target = "data/uploads/";
$target = $target . basename( $_FILES['filename']['name']) ;
$_SESSION['target_path'] = $target;
$ok=1;
if(move_uploaded_file($_FILES['filename']['tmp_name'], $target))
{
echo "De afbeelding *". basename( $_FILES['filename']['name']). "* is geupload naar de map 'uploads'";
}
else
{
echo "Sorry, er is een probleem met het uploaden van de afbeelding.";
}
?>
谢谢!
推荐指数
解决办法
查看次数
Jcrop插件无法使用resize功能
我的Jcrop插件无法正常工作.
我可以选择要裁剪的区域,但边缘没有小的调整大小.我不知道这是特定功能还是默认设置.
这就是我的意思.我的裁剪区现在看起来像这样:
我的裁剪背景为红色,所选区域具有原始颜色,但奇怪的是没有调整大小的方块,如下图所示:
我的代码看起来像这样:
头部:
<head>
<title>Het Vergeet-mij-nietje</title>
<script type="text/javascript" src="js/showfunctie.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.Jcrop.min.js"></script>
<link rel="stylesheet" href="style/css/demos.css" type="text/css" />
<script language="Javascript">
jQuery(function($){
var jcrop_api;
$('#cropbox').Jcrop({
bgColor: 'red'
},function(){
jcrop_api = this;
});
$('#animbutton').click(function(e){
jcrop_api.animateTo([ 120,120,80,80 ]);
return false;
});
$('#delselect').click(function(e){
jcrop_api.release();
return false;
});
});
</script>
</head>
我的图片代码:
<div id="content1">
<?php
$target = "uploads/";
$target = $_POST["imagesource"];
$target = $target . basename( $_FILES['filename']['name']) ;
$ok=1;
if(move_uploaded_file($_FILES['filename']['tmp_name'], $target))
{
echo "De afbeelding *". basename( $_FILES['filename']['name']). "* is geupload naar …推荐指数
解决办法
查看次数
如何从html页面中删除名为dp_swf_engine的奇怪div？
在我的网站上,我最近发现了一个奇怪的新自动生成的div.当我在chrome中的开发工具中查看它时,我说:
<div id="dp_swf_engine" style="position: absolute; width: 1px; height: 1px;"><embed style="width: 1px; height: 1px;" type="application/x-shockwave-flash" src="http://www.ajaxcdn.org/swf.swf" width="1" height="1" id="_dp_swf_engine" name="_dp_swf_engine" bgcolor="#336699" quality="high" allowscriptaccess="always"></div>
我真的不知道它是什么,它来自哪里.
推荐指数
解决办法
查看次数
一种解除rails 3.2中通知flash消息的方法
有没有办法在创建记录或使用设计登录时解除标准rails 3.2论坛通知？就像在twitter-bootstrap中有一个十字架,你可以点击以关闭通知消息.
我希望标准表格中有类似的方式.
推荐指数
解决办法
查看次数
更改时div divhtml上的jquery动画
我有这样的div:
<div id="outerDiv"><img src="1.png" /></div>
我想将outerDiv的innerhtml更改为另一个图像,
我可以使用jquery在下面的代码中有一些动画/淡入淡出效果吗？或任何其他方式来改变动画的内部HTML.
$('#outerDiv').html('<img src = "2.png" />')
推荐指数
解决办法
查看次数