移动web中，input file获取的图片，是不是可以知道它的方向？

Question

因为现在我使用下面这样把手机里的照片放到img标签里，图片方向是对的

var files = tar.files,//这个tar是input对象，下面的files是input的属性
        fNum = files.length;
    if(!files[0])return;
    if(files[0].type.search('image')>=0){
        var URL = window.URL || window.webkitURL,newImg = '';
        for(var i=0;i<fNum;i++){
            var blob = URL.createObjectURL(files[i]);
            newImg += '<li><img src="'+ blob +'"></li>';
        }
        //然后把newImg 添加到页面中，图片方向是对的。
    }

但是接下来用上面的blob把图片转成base64，图片方向就不对了...转成base64是用canvas的方法转的，我想问问，有么有识别图片方向的方法，或者转成base64之后图片方向不要变

Answer 1

本质是获取图像 EXIF 信息中的 orientation。给个伸手党答案吧，https://github.com/blueimp/JavaScript-Load-Image 这个库可以帮你搞定所有的事情。具体实现代码中都有，很简单。