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


因为现在我使用下面这样把手机里的照片放到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之后图片方向不要变

input html5 JavaScript

小哀_Linh 10 years, 2 months ago

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

正義D魔王 answered 10 years, 2 months ago

Your Answer