Angularで画像プレビューを行う際に、画像のExif(Orientation)情報を見て自動で向きを回転させる方法です。 JavaScript-Load-Imageという便利なライブラリと、Reactでの使い方を紹介したありがたいブログ記事があったので、かなり簡単に実装することができました。 早速、実装していきたいと思います。 JavaScript-Load-Imageの導入 javascript exifとかでググるとexif-jsというライブラリが真っ先にヒットするが、JavaScript-Load-Imageの方が断然使いやすいAPIが用意されている印象でした。 まずは、Angularプロジェクトにインストール $ npm i --save blueimp-load-image 画像プレビュー&回転を行いたいコンポーネントに次のようにしてインポート(モジュール全体をまとめてインポ
![Angularでプレビュー画像を自動回転する - daikiojm’s diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/2ce3b39c13a9ca6290e761c18eb44cca809ed756/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fd%2Fdaikiojm%2F20171123%2F20171123222415.png)