I am trying to set up "Cloudinary" for image uploads from my React app.

My submit function keeps responding with: "Bad Gateway 502" and "SyntaxError: Unexpected end of input".

I'm assuming something is wrong with my headers, but I can't find the issue... 

```js
handleFileSelect = (e) => {
    this.formValid()
      this.setState({
        picture: e.target.files[0] })
  }

submit(){

    const CLOUDINARY_URL= 
    "https://api.cloudinary.com/v1_1/dvz27u2gu/image/upload"
    const CLOUDINARY_UPLOAD_PRESET= "jshvp3nh"

        const obj = Object.assign({}, this.state);
        const formData = new FormData();
        formData.append("file", obj.picture);
        formData.append("upload_preset", CLOUDINARY_UPLOAD_PRESET); 

        fetch(CLOUDINARY_URL,{ 
          mode: 'no-cors',
          method:'post',
          headers: { "Content-Type": "application/x-www-form-urlencoded"}, 
          body:formData,
        })
        .then((res)=>{return res.json()})
        .then(data=>console.log(data))
        .catch(err=>console.log(err));
}
```