Как преобразовать ObjectURL в изображение - PullRequest
0 голосов
/ 16 июня 2020

Я использую URL.createObjectURL () для преобразования изображения в URL-адрес большого двоичного объекта и сохранения его в базе данных. Теперь я хочу вызвать этот URL-адрес и преобразовать его обратно в изображение и отобразить его

преобразование в URL-адрес

  onImageChange = event => {
if (event.target.files && event.target.files[0]) {
  let img = event.target.files[0];
  this.setState({
    image: URL.createObjectURL(img)
  });
  console.log(this.state.image);
}


};

вызов файла

            <td className="text-left">{offers.offertitle}</td>
            <td className="text-left">{offers.offerdescription}</td>
            <td className="text-left"><img src={offers.offerimg} /></td>

сохранение URL-адреса в DB

  onSubmit = e => {
e.preventDefault()

addItem({offertitle: this.state.offertitle, offerdescription: this.state.offerdescription,offerimg: this.state.image ,vid: this.state.vid}).then(() => {
  this.getAll()
  toastr.success('Offer Added Succesfully', 'Uni Perks', { timeOut: 800 })
  setTimeout(() => {
    window.location.reload();
  }, 1000);

})
this.setState({
  offertitle: '',
  offerdescription:'',

})
  }
...