我在上传图片时遇到了一点问题。有时,有人会以错误的方向上传照片。我想要做的是在将图像发送到服务器之前旋转图像。这可能吗?
我知道可以使用php的imagerotate()
函数,但我只能在上传图像后使用它。
是否有通过javascript(或Jquery)旋转图像,然后通过php将信息传递给服务器的方法?
现在我做了这样的事情:
HTML
<form method="POST" enctype="multipart/form-data">
<input type="file" id="file" name="file">
<div id="preview"></div>
<br>
<a href="#" id="counter" class="row"><- counter</a>
<select id="degree">
<option>90</option>
</select>
<a href="#" id="clockwise" class="row">clockwise -></a>
<hr>
<button type="submit">save image</button>
</form>
Jquery
$(document).ready(function() {
$('.row').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+'">');
};
});
});
但是我无法将“旋转”传输到上传文件中,我想……非常感谢!