###前提・実現したいこと
お世話になります。
現在、Line Messaging APIを利用してLineアプリで送信した画像を
Node.jsでバイナリデータで受け取り、HTMLファイルの画面に受け取ったデータを元に
画像を表示しようと試行錯誤しています。
結果、Node.jsでデータは下記のように受け取れました。
<Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 48 00 48 00 00 ff e1 00 4c 45 78 69 66 00 00 4d 4d 00 2a 00 00 00 08 00 02 01 12 00 03 00 00 00 01 00 01 ... >
JSONに変換し配列を文字列に変換してHTMLでは下記のように受け取りました。
2552162552240167470737001100720720025522507669120105102007777042000802118030001010013 ...
しかしこのデータを画像に変換できません。
img要素のsrc属性にDataURL化した文字列を代入しても表示されませんでした。
###該当のソースコード
js
1// ejsでJSON文字列されたバイナリデータが入っている。 2<%= content %> 3 </div> 4 <script> 5 // バイナリ文字列(記号) 6 var doc = document.getElementById('binary'); 7 // バイナリ配列 8 var json = JSON.parse(doc.innerHTML); 9 var string = ""; 10 var toDataURL = ""; 11 // バイナリ文字列 12 for (var i = 0; i < json.data.length; i++) { 13 string += String(json.data[i]).toString(16); 14 } 15 16 var base64 = btoa(binary_file); 17 // DataURL化された文字列 18 var DataURL = 'data:image/jpeg;base64,' + base64; 19 </script>
###試したこと
試したことは上記ですべてです。
試行錯誤ですので、自分自身でもなにをすれば良いのか分かりませんでした。
どうかお知恵をお貸しください。
回答2件
あなたの回答
tips
プレビュー