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

Question

我正在使用 blueimp upload widget 将图像上传到我的文件服务器，效果很好。

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

知道要使用哪个设置吗？

Answer 1

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

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

Answer 2

这是一个后端解决方案。我们不允许 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);
}
}

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

rotate image before upload using blueimp upload

jquery

file-upload

orientation

blueimp