score:2

Accepted answer

from the mozilla website it seams you need to add a load event listener to your reader. this sample code is not supported in some versions of ie.

...

reader.addeventlistener("load", () => {
  this.setstate(state => ({
    ...state,
    form:{
      frontdesign: [reader.result]
    }
  }))
  const url = reader.result;
  console.log(url);
}, false);

...

working condesanbox here: https://codesandbox.io/s/affectionate-lamport-dnbij

score:0

do not need use ref here. try to code below

frontdesign = (e) => {
  var file = e.target.files[0];
  var reader = new filereader();
  reader.onload = (e) => {
    //image url e.target.result
    this.setstate({
      form:{
        frontdesign: [e.target.result]
      }
    })
  }
  reader.readasdataurl(file);
}

Related Query

More Query from same tag