PHP Javascript 图片上传和编辑答案

【问题标题】：Php Javascript Image Upload and EditPHP Javascript 图片上传和编辑
【发布时间】：2013-11-06 13:43:18
【问题描述】：

我正在寻找一个 Php / Javascript 示例脚本，它可以帮助我并成为构建用于上传图像的工具的基础，而不是拖动/旋转/缩放并将它们放置在蒙版/框架下。类似于自定义照片打印站点中使用的工具。有什么帮助吗？

【问题讨论】：

你为什么不在谷歌上搜索而不是在这里发帖？

标签： javascript php image upload edit

【解决方案1】：

如果您想学习如何自己编写上传程序，可以找到许多不错的教程。 Here is a basic one。您还可以找到一些预建的 here 和 here。你也可以找到 jQuery 插件来为你做这件事 here 和 here。

对于图像处理，您可以学习如何编写一个here 和here。或者您可以使用可以在here 找到的预构建的。

我知道很多人不喜欢为您可以在搜索引擎上轻松找到的内容提供答案。因此，如果您搜索了某些内容但找不到您要查找的内容，我建议下次再解释一下。如果您只是在自己进行搜索之前询问建议，那么在您获得任何答案之前，很有可能会被锁定，因为它们都是主观的。

【讨论】：

+1 用于回答问题，而不是简单地将 OP 提交给 Google。

【解决方案2】：

请根据您的要求尝试这个示例

<form method="POST" enctype="multipart/form-data">
<input type="file" id="file">
<div id="preview"></div>
<br>
<a href="#" id="counter"><- counter</a>
    <select id="degree">
        <option>90</option>
        <option>45</option>
    </select>
<a href="#" id="clockwise">clockwise -></a>
<hr>
<button type="submit">save image</button>

css

#preview img {
max-height: 300px;
max-width: 300px;
}

脚本

$('a').click(function(){
var a = $('img').getRotateAngle();
var d = Math.abs($('#degree').val());

if($(this).attr('id') == 'counter'){
   //d = -Math.abs(+a - +d);
    d = a - d;
}
else{d = +a + +d;}

$('img').rotate({animateTo:d});
});

/* image preview */
$('#file').change(function(){
var oFReader = new FileReader();
oFReader.readAsDataURL(this.files[0]);
console.log(this.files[0]);
oFReader.onload = function (oFREvent) {
    $('#preview').html('<img src="'+oFREvent.target.result+'">');
};
});

检查小提琴http://jsfiddle.net/AxRJh/

【讨论】：