EXIF情報の置換について javascript

Question

EIXF情報を取得して表示したまではいいのですが、取得した文字が全て英語になっており、日本語に置換したいです。
どうすれば、日本語に置換できるのでしょうか？
javascriptに詳しい方、お力を貸してください。
宜しくお願いします。

以下がEXIF情報取得のコードです。

var file = $('#img').attr('src');
test(file);
function test(file){
    // サーバー上の画像ファイルから、Ajaxを利用してバイトデータを取得する
    var xhr = new XMLHttpRequest();
    xhr.open('GET', file, true);
    xhr.responseType = 'arraybuffer';
    xhr.onload = function(e) {
        
        // 画像ファイルのバイトデータを取得する
        var arrayBuffer = this.response;

        // バイトデータとコンテンツタイプからBlobを生成する
        var blob = new Blob([arrayBuffer], {type: "image/jpeg"});
        // BlobからExif情報を取得する
        $.fileExif(blob,function(exif){
    console.log(exif);
    
    var res = printProperties(exif);
    $('#EXIF_result').html(res);
    
        });
        
    };
    xhr.send();
}

function printProperties(obj) {
    
var properties = '';
for (var prop in obj){
    properties += prop + "=" + obj[prop] + "<br>";
    
}

return properties;
}

この画像のようになってしまいます。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[yuugo]

OrientationやModelなどの値ではなく、項目などを英語表記ではなく、日本語に置換したいです。
なので、Modelなら機種名とかMakeならメーカーなどに直したいです。

Answer 1

OrientationやModelなどの値ではなく、項目などを英語表記ではなく、日本語に置換したいです。

なので、Modelなら機種名とかMakeならメーカーなどに直したいです。

対照表を作って properties += prop + "=" + obj[prop] + "<br>"; の prop を置き換えればよいです。

var list = {
      a : 'い' // aはExifの項目名、日本語のほうがその訳
    , b : 'ろ'
    , b : 'は'
}
// 中略
properties += list[ prop ] + "=" + obj[prop] + "<br>";

Comments

[yuugo]

回答ありがとうございます。
var list = {
Make : 'メーカー' // aはExifの項目名、日本語のほうがその訳
, Model : '機種名'
}
// 中略
properties += list[Make] + "=" + obj['メーカー'] + "<br>";

このような感じでしょうか？

[kei344]

提示のスクリーンショットにその項目は見つかりませんでしたが、そんな感じです。

[yuugo]

すみません、実は全体的にはこういう構造になってましてこの場合ではどうすればいいでしょうか？
function printProperties(obj) {

var properties = '';
for (var prop in obj){/*forinループで取得できるプロパティ分だけループを継続*/
properties += prop + "=" + obj[prop] + "<br>";
}
return properties;
}

いろいろやったんですが、上記の画像のようになってしまいます。

[yuugo]

すみません、以下のコードでした。

function printProperties(obj) {

var properties = '';
var list = {
Make : 'メーカー' // aはExifの項目名、日本語のほうがその訳
, Model : '機種名'
}
for (var prop in obj){/*forinループで取得できるプロパティ分だけループを継続*/
properties += list['Make'] + "=" + obj[prop] + "<br>";
}
return properties;
}

[kei344]

list[ prop ] です。ただ、全ての項目を網羅しないとエラーになるので、項目があるものだけにしたほうが良いでしょう。

function printProperties(obj) {
var properties = '';
var list = {
Make : 'メーカー' // aはExifの項目名、日本語のほうがその訳
, Model : '機種名'
}
for (var prop in obj){/*forinループで取得できるプロパティ分だけループを継続*/
if ( !list[ prop ] ) continue;
properties += list[ prop ] + "=" + obj[prop] + "<br>";
}
return properties;
}

[yuugo]

すみません、かわりませんでした。

以下、コードです。

function printProperties(obj) {
var properties = '';
var list = {
Make : 'メーカー' // aはExifの項目名、日本語のほうがその訳
, Model : '機種名'
}
for (var prop in obj){/*forinループで取得できるプロパティ分だけループを継続*/
if ( !list[ prop ] ) continue;
properties += list[ prop ] + "=" + obj[prop] + "<br>";
}
return properties;
}

[kei344]

別のエラーが出るならともかく「メーカー」が羅列されるはずは無いので、コードの変更が出来ていないのでは。

[yuugo]

いえ、普通に英語表記で表示されてしまいます。

[kei344]

「かわりません」では無いですね。
printPropertiesが2つあったり消し忘れたりしているのでしょう。
console.logで値を確認するなどしてください。

【デバッグに大活躍! JavaScriptのconsole.logで値を表示しよう | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト】
https://www.sejuku.net/blog/27205

Answer 2

Exifの仕様についてもう少し勉強されたほうが良いかと思います。「Exif　仕様」で検索すると、日本語で判りやすく解説してあるサイトがいくつも見つかると思います。

表示されているのはExifのタグ名とその値です。前の質問から察するに使用されているライブラリはExif-jsでしょうか？海外の方が作成されたライブラリですので、そのままでは日本語で表示はできないでしょう。
日本語で表示したいのであれば、タグ名の意味を調べてご自身で日本語訳をして表示するか、日本語で表示してくれるライブラリを探すしかないと思います。