Php Javascript图像上传和编辑
我正在寻找一个Php/Javascript示例脚本,它可以帮助我并成为构建上传图像工具的基础,然后拖动/旋转/缩放并将它们放置在遮罩/框架下。 类似于自定义照片打印站点中使用的工具。Php Javascript图像上传和编辑,javascript,php,image,upload,edit,Javascript,Php,Image,Upload,Edit,我正在寻找一个Php/Javascript示例脚本,它可以帮助我并成为构建上传图像工具的基础,然后拖动/旋转/缩放并将它们放置在遮罩/框架下。 类似于自定义照片打印站点中使用的工具。 有什么帮助吗?如果你想自己学习如何编写上传程序,你可以找到很多很好的教程。你也可以找到一些预建的和。您还可以找到jQuery插件,这些插件将为您和用户完成这项工作 对于图像处理,您可以学习如何编写一个和一个。或者你可以使用一个可以找到的预构建的 我知道很多人不喜欢为你在搜索引擎上很容易找到的东西给出答案。所以我建议
有什么帮助吗?如果你想自己学习如何编写上传程序,你可以找到很多很好的教程。你也可以找到一些预建的和。您还可以找到jQuery插件,这些插件将为您和用户完成这项工作 对于图像处理,您可以学习如何编写一个和一个。或者你可以使用一个可以找到的预构建的
我知道很多人不喜欢为你在搜索引擎上很容易找到的东西给出答案。所以我建议下次再解释一下,如果你已经搜索了一些东西,但找不到你要找的东西。如果您只是在自己进行搜索之前征求建议,很可能在您得到任何答案之前,这些建议都会被锁定,因为它们都是主观的。请根据您的要求尝试此示例
<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>
剧本
$('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+'">');
};
});
$('a')。单击(函数(){
变量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});
});
/*图像预览*/
$('#file').change(函数(){
var of reader=new FileReader();
readAsDataURL(this.files[0]);
console.log(this.files[0]);
oFReader.onload=函数(OFRENT){
$('#预览').html('');
};
});
选中fiddle为什么你不在谷歌上搜索而不是在这里发布?+1回答问题,而不是简单地将OP指向谷歌。
$('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+'">');
};
});