Obracanie przesłanych zdjęć zawierających orientację EXIF ​​w chmurze Parse Cloud Kod

Question

Zdjęcia portretowe, pobrane z niektórych urządzeń mobilnych, przesłane za pomocą formularza HTML mają nieprawidłową orientację podczas umieszczania na stronie internetowej.

Wynika to z EXIF orientation metadanych, które mogą na przykład mieć wartość 6 = Rotate 90 CW mówiąc obraz ma być wyświetlany z określoną orientacją. Jednak sam obraz - bez metadanych - jest przechowywany na boki jako obraz poziomy. W zależności od renderowania obrazu, obraz zostanie wyświetlony poprawnie (jak w lewej miniaturze poniżej) lub bez zastosowanych metadanych rotacji (jako prawa miniaturka). W przypadku obrazów osadzonych na stronach internetowych jest to drugie.

Czy istnieje jakiś sposób, aby ręcznie obracać przesłanego obrazu przy użyciu JavaScript lub node.js, w Parse Kodeksu chmurze gospodarzem aplikację internetową? (Parse Cloud Code only supports a few dependencies - ale nadal możesz przesyłać małe skrypty samemu).

Answer 1

Skończyłem na pisaniu klasy po stronie klienta do obracania i zmiany rozmiaru przesłanych obrazów. Używam elementu Canvas i FileReader HTML5.

Kod źródłowy i przykłady można znaleźć na stronie https://github.com/ajgarn/CanvasImageUploader.

Ta klasa podaje dane obrazu (obiekt typu blob), które można opublikować na stronie Parse's REST API w taki sam sposób, jak w przypadku przesłania pliku za pomocą programu FileReader.

Answer 2

Powinieneś być w stanie wykorzystać npm modułów kodu cloud: Using npm modules in cloud code

Gdy już, że praca, moduł jpegorientation npm powinny spełniać wymagania:

var jpeg = require('jpegorientation'); 

jpeg.autoRotate('image.jpg', function (err) { 
    // error handler 
}); 

Jeśli nie możesz uruchom moduły npm, możesz zawsze włączyć bibliotekę ręcznie. Jeśli napotkasz problemy z tej biblioteki i węzła-Gyp, istnieją inne moduły do ​​rozważenia:

• exif-rotate (w połączeniu z exif lub exif-component do określenia orientacji)
• fix-orientation (wygląda oparty na przeglądarce)