使用blueimp upload上传之前旋转图像

时间:2016-06-29 09:21:13

标签: jquery file-upload orientation blueimp

我使用blueimp upload widget将图片上传到我的文件服务器,效果很好。

唯一的问题是,我想在将图像上传到服务器之前正确旋转图像,所以当我通过URL链接到它时,它会以正确的方向显示。

知道要使用哪种设置?

2 个答案:

答案 0 :(得分:4)

也许你需要另一个插件,比如https://fengyuanchen.github.io/cropper/

预览图像旋转,然后裁剪图像

答案 1 :(得分:1)

这是一个后端解决方案。我们不允许tiff图片上传,所以我没有包括图像类型检查。

$uploadedFile->tempName is the file path eg: "/var/www/site/upload/images/someImage.jpg"

if(exif_imagetype($uploadedFile->tempName) == 2)//2 IMAGETYPE_JPEG
{
$exif = exif_read_data($uploadedFile->tempName);
if(!empty($exif['Orientation']))
{
    $image = imagecreatefromjpeg($uploadedFile->tempName);

    switch($exif['Orientation']) 
            {
    case 8:
        $image = imagerotate($image,90,0);
        break;
    case 3:
        $image = imagerotate($image,180,0);
        break;
    case 6:
        $image = imagerotate($image,-90,0);
        break;
    }
        imagejpeg($image, $uploadedFile->tempName);
}
}