Serwer wysyła zdjecie do klienta:
gfs.files.find({ metadata : {clientId : req.body.id}}).toArray(
(err, files) => {
if (err) throw err;
if (files) {
const readStream = gfs.createReadStream(files[0].filename);
res.set('Content-Type', files[0].contentType)
readStream.pipe(res);
}
})
Uzywam vue js oraz axios na front-endzie:
visitAxios.post('http://do/mojego/end/pointu', User )
.then(res => {
console.log(res.data); /// pokazuje duuuuzo dziwnych znaczkow, chyba tekstowa reprezentacja pliku
// i co dalej????
}).catch( err => console.error(err));
Czy ktoś móglby proszę podpowiedziec jak podpiąć res.data
do html?
Probowalem to zapisac do:
data(){
return { imageFile: ''
}}
a potem w template:
<img :src="imageFile">
Niestety, bezskutecznie (wyświetla sie tylko znaczek uszkodzonego pliku)
Postman zwraca zdjecie bez problemu oraz widze je w Chrome
- preview.JPG (121 KB) - ściągnięć: 101