HTML5輸入文件圖像捕捉圖像顛倒

我已經在我的web應用程序中實現了輸入文件圖像捕捉，以讓用戶拍照並上傳。但是，當平板電腦顛倒時，圖像會顛倒過來。在應用程序外部使用相機應用程序時，拍攝照片的方式並不重要，它始終處於顛倒狀態。HTML5輸入文件圖像捕捉圖像顛倒

如何在我的網絡應用程序中強制執行此操作？

2016-09-06 Arko Elsenaar

在上傳你可以試試文件和測試用於定義圖像的'orientation'元數據讀取窗方向，然後旋轉圖像當您保存上傳的文件數據時，在服務器上適當地運行。然而，爲了得到一個簡潔的答案，我們需要知道你用來處理上傳的服務器代碼（例如'PHP'？'Perl'？）。 – Martin

你能否澄清你的問題。 – Martin

你應該能夠使用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

@Marin，請原諒我，如果我不理解上面讓我們來了解「設備」的旋轉？一旦你知道口糧，你可以編寫額外的腳本來旋轉視頻/照片？ –

我知道上傳的圖片總是與設備相比錯了方向（180deg旋轉），設備旋轉不是問題，但該圖片被錯誤地旋轉保存在服務器上。對不起，如果我們混淆彼此！ – Martin

HTML5輸入文件圖像捕捉圖像顛倒

回答

相關問題