My team and I built a web application that sends emails among other tasks. We are implementing a framework called grapesjs to build templates which are then emailed to recipients in the body of an email. The templates are being sent perfectly. They look great. EXCEPT the images are missing. In some cases, they are missing and others, the hash is present instead of the picture itself. Why aren't my images displaying? I've tested this in Gmail. When I click "show original", download it, and open it in Outlook, it displays the image(s).
See above
sendEmail() {
this.dialog.open(DialogOverviewExampleDialog, {
width: '250px'
});
let candidateEmails = (<HTMLInputElement>document.getElementById("emailList")).value
let subject = this.sendForm.get('subjectForm').value
console.log(this.selectedTemplateName)
this.templateService.getTemplate(this.selectedTemplateName).subscribe((templateData : any) => {
console.log(templateData.Body)
console.log(templateData.Body.data)
let body = importTemplate(templateData.Body.data).toString();
console.log(body)
this.candidateService.sendEmailWithoutPositions(candidateEmails, subject, body).subscribe(() => {
this.router.navigate(['/send_email']);
});
})
}
No error messages, no image(s)
