React не поймет изображение, отправленное ему flask

#reactjs

#reactjs

Вопрос:

Прямо сейчас я пытаюсь заставить свой серверный сервер flask отправлять изображение, сохраненное в виде массива numpy, в мой интерфейс react, и я не уверен, как это сделать. React не может отобразить изображение на основе массива, и когда я сохраняю массив numpy в виде файла и отправляю этот файл в react как таковой:

 return send_file("./uploadfolder/imageofchoice.png")
  

React получает файл, но не может его отобразить, поскольку он не распознает кодировку или что-то в этом роде. Кто-нибудь знает, как обойти это?

Спасибо!

Комментарии:

1. я хочу спросить кое-что другое: должно ли это быть скорее проблемой html? я имею в виду, что если бы я это сделал, x(){return send_file("./uploadfolder/imageofchoice.png")} затем сохраните возврат куда-нибудь вроде r = x() и, наконец, в моем html <img src=r> . Разве это не должно работать?

2. Я попытался отобразить данные в <img src = this.state.file/> (то же, что вы сказали в основном), но по какой-то причине это не работает.

3. ОК. почему бы вам не <img src="./uploadfolder/imageofchoice.png"> я думаю, если вы знаете местоположение, тогда вам не нужна функция.

4. также убедитесь, что вы действительно загружаете png, чтобы быть конкретным [или jpeg, png, .. (что-то еще] <input type="file" accept=".mp4,.flv">

5. <img src = this.state.file> можете ли вы убедиться, что тип this.state.file действительно png или нет? я имею в виду проверку типа с помощью if — если файл является изображением или нет, затем отобразите его.