Wie schreibe ich ein Bild in eine csv/xlsx-Datei?

Question

Ich versuche, ein Bild in eine CSV-Datei zu schreiben. Das Skript schreibt die Datei, aber der Inhalt des Bildes ist durcheinander. Lange Sequenz von ����\u0000\u0010JFIF\u0000\u0001\u0001. Kann jemand darauf hinweisen, was ich mit der Codierung vermisse oder sollte ich etwas anderes tun?

Zum Test: mkdir so-38711430; cd so-38711430; npm init -y; npm i -S lodash json2csv;

'use strict'; 

const _ = require('lodash'); 
const json2csv = require('json2csv'); 
const fs = require('fs'); 

let rows = [ 
    { 
     'id': 1, 
     'name': '12323', 
    }, 
    { 
     'id': 2, 
     'name': '22323', 
    }, 
    { 
     'id': 3, 
     'name': '323232', 
    }, 
    { 
     'id': 4, 
     'name': '24242', 
    }, 
]; 

// image path is valid 
fs.readFile(`./images/2NTSFr7.jpg`, 'utf-8', (err, data) => { 
    _.each(rows, (item) => { 
     item.image = data; 
    }); 

    json2csv({ 
     'data': rows 
    }, (err, csv) => { 
     fs.writeFile('file.csv', csv, (err) => { 
      if (err) throw err; 

      console.log('file saved'); 
     }); 
    }); 
}); 

Answer 1

Es hängt davon ab, wie Sie die CSV/XLSX Dokument rendern.

In CSV, wenn Sie das Dokument in NotePad öffnen, werden Sie offensichtlich kein Bild sehen. NotePad rendert keine Bilder, nur Text.

import {encode, decode} from 'node-base64-image'; // ES6 

// Get the image as base64 string 
var base64string = encode("path/to/img"); 

// Create an arrays object, to convert to CSV 
// Note this is an array of arrays. E.g., 
// For an array: 
//  array = [ "a", "b", "c" ], 
// you get the third element by doing: 
//  array[2] (= "c") 
// 
// So, for an array of arrays, i.e., 3 arrays containing 3 elements each: 
//  arrayOfArrays = [ [ "a", "b", "c" ],[ "d", "e", "f" ], [ "g", "h", "i" ] ] 
// you get the third element by doing (as above): 
//  array[2] (= [ "g", "h", "i" ]) 
// and the third element of the selected array by doing: 
//  array[2][2] (= "i") 
var csvArrays = [ 
    [ "Image Name",  "Image base64 Data" ], // Example titles row 
    [ "name-for-image", base64string ],  // Example data row 
]; 

// Convert arrays to CSV 
var csvData = $.csv.fromArrays(csvArrays); 

// Write the file! 
fs.writeFile('csvFile.csv', csvData, (err) => { 
    if (err) throw err; 
    console.log('It\'s saved!'); 
}); 

EDIT: Wie andere gesagt haben, es in base64 String in eine CSV, als solche Sie node-base64-image und jQuery-CSV mit schreiben könnte dann aus der CSV-Datei zu entschlüsseln, können wir unsere CSV-Datei erhalten wir gespeichert früher:

import {encode, decode} from 'node-base64-image'; // ES6 

var csvFile = fs.readFile('csvFile.csv'); 
var csvDataAsArrays = $.csv.toArrays(csvFile); 

// Get the second array from the group of arrays, then the second element from that array, hence `[1][1]` 
var csvImgAsBase64 = csvDataAsArrays[1][1]; 
var imgAsData = decode(csvImgAsBase64); 

fs.writeFile("img.jpeg", imgData, function() { 
    if (err) throw err; 
    console.log('It\'s saved!'); 
} 

in XLSX, können Sie das Bild einfügen könnte, wie Sie möchten, öffnen Sie die Arbeitsmappe in Excel um das Bild anzuzeigen. Hier ist, wie dies zu tun mit dem Excel for Node Paket:

ws.addImage({ 
    path: './screenshot2.jpeg', 
    type: 'picture', 
    position: { 
     type: 'absoluteAnchor', 
     x: '1in', 
     y: '2in' 
    } 
}); 

Sie können auch an Zellen relative Position:

ws.addImage({ 
    path: './screenshot1.png', 
    type: 'picture', 
    position: { 
     type: 'twoCellAnchor', 
     from: { 
      col: 1, 
      colOff: 0, 
      row: 10, 
      rowOff: 0 
     }, 
     to: { 
      col: 4, 
      colOff: 0, 
      row: 13, 
      rowOff: 0 
     } 
    } 
});