Я создавал прототип веб-сервера с использованием фляги и недавно переключился на ReactJS для своего интерфейса.Я пытаюсь отобразить изображение, которое хранится на моем сервере, на моей веб-странице следующим образом:
@app.route("/graph" methods=['POST'])
def displayGraph():
return send_from_directory("graphDir", "graph.png")
Перед переходом в React, если я перешел в / graph, изображение не будет отображаться без проблем.Однако теперь веб-страница никогда не перенаправляется на /graph и отображает байт-код изображения вместо самого изображения.Что мне нужно изменить, чтобы правильно отображать мое изображение на моей веб-странице React?Для справки мой код React ниже:
export default class App extends React.Component {
constructor (props) {
super(props);
//Initialize your state here
this.state = {
results: "",
};
//bind functions here
this.handleChange = this.handleChange.bind(this);
}
//this is called after everything is created
componentDidMount() {
}
//add functions here
//changes state of checkbox
handleChange(event) {
const value = event.target.type === 'checkbox' ? event.target.checked : event.target.value;
this.setState({
[event.target.name]: value
});
}
submit() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "/graph",
});
}
render() {
return (
<div>
<div className="big title">Title</div>
<input type="button" onClick={() => this.submit()} value="Submit" className="button"/>
</div>
);
}
}