读取Angular 6中的图像EXIF数据

Question

我需要读取图像的EXIF数据。更重要的是，我需要查找从远程服务(例如https://storage.googleapis.com/my-app-images/xxx.jpg )加载的图像的方向信息

我试着使用EXIF-JS库，但是我不明白为什么它在angular 6中不能工作。

Answer 1

我为你创建了一个代码片段Stackblitz图像是使用Stackblitz提供的，因为据我所知，https://stackblitz.com/edit/angular-exifjs-example不支持Angular项目中的资源。另外，请注意，在使用CDN的index.html中，exif-js包含在script标签中。在你的项目中，如果你愿意，你可以使用本地文件。

Answer 2

在我的Angular 6应用中，我添加了

  <script src="https://cdn.jsdelivr.net/npm/exif-js"></script>

到我的index.html

在组件内部，我需要exif，如果我将它导入到-> const EXIF = require('exif-js');上

然后使用标准函数：

getExif(result) {
    console.log(result);
    EXIF.getData(result, function() {
        const make = EXIF.getTag(this, 'Make');
        const model = EXIF.getTag(this, 'Model');
        const orientation = EXIF.getTag(this, 'Orientation');
        const makeAndModel = document.getElementById('makeAndModel');
        console.log(make, model, orientation);
    });
}

Answer 3

嗨@Ivan刚刚在angular 7应用程序中工作。下面是你答案中的小变化--

我没有在index.html中包含脚本标记，而是使用了

npm install exif-js --save    

并且在组件的模块文件中使用它作为提供者。