CODEWITHSUNDEEP
reactjs
Sanjana
Sanjana

Reputation: 296

Unable to send attachment with the email using reactjs

I'm new to react, my objective is to send attachment with the email. For emailing purpose, we're using sendgrid and for uploading files or attachments we're sendgrid mail helper attachment in backend. But i couldn't able to upload file, i can send only email but i couldn't able to send email with attachment. I couldn't able to figure it out where i'm going wrong. I have been struggling from couple of weeks but couldn't figure out where i'm going wrong.

Here is the code:

fileChange = e => {
    this.setState(
      { file: e.target.files[0], fileName: e.target.files[0].name },
      () => {
        console.log(
          "File chosen --->",
          this.state.file,
          console.log("File name  --->", this.state.fileName)
        );
      }
    );
  };

 <Button.Content hidden>Choose a File</Button.Content>
                </Button>
                <input
                  type="file"
                  id="file"
                  hidden
                  onChange={this.fileChange}
                />
                <Form.Input
                  fluid
                  label="File Chosen: "
                  placeholder="browse your file system"
                  readOnly
                  value={this.state.fileName}
                />

Can anyone help me in this query please?

Upvotes: 0

Views: 460

Answers (1)

Khabir
Khabir

Reputation: 5854

you are passing file but you set wrong content-type.

headers: { 'Content-Type': 'application/json' }

Please use the following line instead above line

headers: {"Content-Type": "multipart/form-data"}

Upvotes: 1

Related Questions