HTML5入力ファイル画像を逆さまにして画像を取り込む

Webアプリケーションで入力ファイルの画像キャプチャを実装して、ユーザーが写真を撮ってアップロードできるようにしました。ただし、タブレットを上下逆さまにすると、画像が上下逆に表示されます。アプリの外でカメラアプリを使用しているときは、写真を撮る方法は問題ありません。その写真は常に逆さまです。HTML5入力ファイル画像を逆さまにして画像を取り込む

ウェブアプリケーションでこれを強制するにはどうすればよいですか？

出典

2016-09-06 Arko Elsenaar

を使用して、ウィンドウの向きを読むことができるはずですアップロードされたファイルデータを保存するときにサーバー上で適切に実行されます。しかし、これを簡潔に回答するには、アップロードを処理するために使用しているサーバーコード（例： '' PHP'' '' Perl'？）を知る必要があります。 – Martin

あなたの質問を明確にすることはできますか？ – Martin

あなたがしようとメタデータのためのテスト画像の `orientation`を定義して、画像を回転させることができ、ファイルをアップロードするときにはJavaScript

function readDeviceOrientation() { 

switch (window.orientation) { 
case 0: 

    // Portrait 
    break; 

case 180: 

    // Portrait (Upside-down) 
    break; 

case -90: 

    // Landscape (Clockwise) 
    break; 

case 90: 

    // Landscape (Counterclockwise) 
    break; 
}

documentation

出典

2016-09-06 13:52:26

私は考えています*むしろOPは装置よりもむしろ画像を回転させたいと考えています – Martin

@マリン、私が理解していないと私は言い訳をします..上記の "装置"の回転を知っていますか？配給量を知ったら、ビデオ/写真を回転する追加のスクリプトを書くことができますか？ –

アップロードされた画像は常にデバイスに比べて丸い（180度回転）間違った方法であることがわかりました。デバイスの回転は問題ではありませんが、そのイメージはサーバーの回転が間違って保存されていました。私たちがお互いを混同している場合は申し訳ありません！ – Martin

HTML5入力ファイル画像を逆さまにして画像を取り込む

答えて

関連する問題