使用JQuery和PHP旋转图像

时间:2010-04-19 02:34:05

标签: php jquery image

我有缩略图列表! 我可以用jquery旋转图像,但刷新页面后,图像是一样的! 我想制作一个SAVE按钮来保存所有编辑过的图像? 我如何在服务器端保存编辑过的图像?

感谢

4 个答案:

答案 0 :(得分:3)

在服务器上使用GD imagerotate

当客户端完成旋转时,使用图像ID和旋转角度向服务器发送AJAX帖子并调用此函数。

答案 1 :(得分:1)

我回来后写了一个类似的系统。一般的想法是这样的:

  • 图片已上传至服务器。
  • 服务器在某个目录中保存带有随机唯一ID的图像,在用户会话中创建一个条目,保存相关详细信息和文件名。
  • 在前端,用户可以选择不同的动作,如“旋转90度CCW”,“应用黑白滤镜”等。
  • 这些操作通过AJAX或POST发送到服务器,无所谓。
  • 服务器将这些“过滤器”添加到会话中保存的列表中,这可能看起来像这样(简化):

    array(
        'iuh98ho98p980' => array(
            'file' => 'xyz.jpg',
            'filters' => array(
                0 => array('type' => 'rotate', 'degree' => 90),
                1 => array('type' => 'grayscale')
                ...
    
  • 要向用户显示图片,它会链接到特殊网址,例如
    <img src="outputimage.php?iuh98ho98p980" />

  • 当浏览器请求此图片网址时,脚本outputimage.php会动态生成原始文件中的图片,并应用所有过滤器。
    • 图像也可以由单独的工作线程呈现,或者只要应用过滤器,无论哪种效果更好。

要启用缓存,图像的每个“变体”(应用了某些过滤器的图像)都由其过滤器的哈希标识。生成的“变体”保存在缓存目录中。哈希也附加到URL,因此它也可以在浏览器端缓存。

希望这能让你走上正轨,我会把实施细节留给你。

答案 2 :(得分:0)

快速Google搜索返回link text。看起来很有希望。

答案 3 :(得分:0)

您不能将jquery映像保存到服务器。你需要做的是拥有一个实际进行旋转的PHP脚本(jquery只用于快速接口系统)。

您可以使用GD imagerotate或ImageMagick(功能更强大)