javascript - 移动web中,input file获取的图片,是不是可以知道它的方向?
巴扎黑
巴扎黑 2017-04-10 15:11:30
[JavaScript讨论组]

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

巴扎黑
巴扎黑

全部回复(1)
PHPz

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号