Python 为什么我无法从烧瓶中发送图像,以使用“反应”;发送“U文件”;
我创建了一个react应用程序,它从react前端获取信息,通过axios发送到flask后端,axios随后处理信息并创建新图像。我试图让flask通过send_文件发送图像以作出反应,但我不知道如何做。我尝试将图像保存为png,然后发送,但react端无法使用,因为它已编码。 下面是发生的事情: 烧瓶: 反应:Python 为什么我无法从烧瓶中发送图像,以使用“反应”;发送“U文件”;,python,reactjs,flask,Python,Reactjs,Flask,我创建了一个react应用程序,它从react前端获取信息,通过axios发送到flask后端,axios随后处理信息并创建新图像。我试图让flask通过send_文件发送图像以作出反应,但我不知道如何做。我尝试将图像保存为png,然后发送,但react端无法使用,因为它已编码。 下面是发生的事情: 烧瓶: 反应: class App extends React.component{ onReturnProcessed = res =>{ console.log(res.data)
class App extends React.component{
onReturnProcessed = res =>{
console.log(res.data)
this.setState({img:res.data})
this.setState({ImgReturned:true})
console.log(res.data.img)
}
return axios
.post(`http://localhost:5000/time`, data, {
headers: {
'Content-Type': 'multipart/form-data',
},
})
.then(res => {
this.onReturnProcessed(res);
return res
});
}
render(){
return(
<div>
{this.state.ImgReturned &&
<img src={(this.state.img)} />}
</div>
);
}
}
类应用程序扩展React.component{
onReturnProcessed=res=>{
console.log(res.data)
this.setState({img:res.data})
this.setState({imgretured:true})
console.log(res.data.img)
}
返回轴
.邮政(`http://localhost:5000/time`,数据{
标题:{
“内容类型”:“多部分/表单数据”,
},
})
。然后(res=>{
本文件已处理(res);
返回res
});
}
render(){
返回(
{this.state.imgre&&
}
);
}
}
React然后将状态变量“img”设置为flask返回的任何内容(即flask发送给它的文件)。我尝试在图像html行中显示此状态变量,但它不允许我这样做。有什么办法吗
注:
这两个都不是完整的代码,但我认为它们提供了了解所做工作所需的大部分内容
以下是记录“img”状态变量时控制台中打印的一些内容:�M�O您正在将第二个位置参数传递给所需的
send\u file
我想你在寻找:
return send_file('./thenewimg.png', mimetype='image/png')
但是,当您将文件名作为第一个参数传递时,它会根据扩展名.png
自动检测mimetype,因此您可能只需要:
return send_file('./thenewimg.png')
可能是因为您在使用img时没有给它赋值?好的,谢谢。不过我还是遇到了同样的问题。react前端无法解释所发送的文件,我不确定如何修复它。@momion也许值得为您的问题添加一些react代码,并确认浏览器对该图像路由的普通请求会按预期在浏览器中呈现图像。如果是这样的话,这个问题与javascript的关系要比python的关系大得多。好吧,我已经添加了一些react代码,但没有包括所有代码(设置初始状态等等)
return send_file('./thenewimg.png')