Javascript 显示来自多部分/表单数据解析器的图像而不保存
在这种情况下,通过多部分/表单数据解析器上传的图像保存在临时文件夹Javascript 显示来自多部分/表单数据解析器的图像而不保存,javascript,node.js,express,multipartform-data,formidable,Javascript,Node.js,Express,Multipartform Data,Formidable,在这种情况下,通过多部分/表单数据解析器上传的图像保存在临时文件夹const tempPath=req.file.path中。然后将它们复制到指定的目录const targetPath=path.join(uu dirname,“./uploads/image.png”)然后这些图像可以像 我知道浏览器无法在系统的临时文件夹中显示图像。有没有其他方法可以显示图像而不必像上面那样复制它们?我是否可以将req.file转换为显示在中?您可以在客户端显示图像,而无需通过侦听文件类型输入的onChan
const tempPath=req.file.path
中。然后将它们复制到指定的目录const targetPath=path.join(uu dirname,“./uploads/image.png”)代码>然后这些图像可以像
我知道浏览器无法在系统的临时文件夹中显示图像。有没有其他方法可以显示图像而不必像上面那样复制它们?我是否可以将req.file
转换为显示在
中?您可以在客户端显示图像,而无需通过侦听文件类型输入的onChange事件将图像发送到服务器端。这就是我如何处理ReactJS()
类应用程序扩展了React.Component{
状态={imageSrc:''};
onImageChange=(事件)=>{
如果(event.target.files.length!==0){
const reader=new FileReader();
reader.onload=(e)=>{
this.setState({imageSrc:e.target.result});
}
reader.readAsDataURL(event.target.files[0]);
}
}
render(){
返回(
{this.state.imageSrc?:null}
);
}
}
希望能有帮助。如果我误解了您的问题,请告诉我您可以在客户端显示图像,而无需通过侦听文件类型输入的onChange事件将图像发送到服务器端。这就是我如何处理ReactJS()
类应用程序扩展了React.Component{
状态={imageSrc:''};
onImageChange=(事件)=>{
如果(event.target.files.length!==0){
const reader=new FileReader();
reader.onload=(e)=>{
this.setState({imageSrc:e.target.result});
}
reader.readAsDataURL(event.target.files[0]);
}
}
render(){
返回(
{this.state.imageSrc?:null}
);
}
}
希望能有帮助。如果我误解了您的问题,请告诉我,这里有一个python/Flask解决方案,我相信您可以将其应用于其他语言
这是服务器上请求中的图像文件:
uploaded_file = request.files.get('image')
在Flask中,您可以将其显示给用户,而无需保存,如下所示:
return "<img src='data:image/jpeg;base64, " + base64.b64encode(uploaded_file.read()).decode('ascii') + "'>"
返回“”
这里有一个python/Flask解决方案,我相信您可以将其应用于其他语言
这是服务器上请求中的图像文件:
uploaded_file = request.files.get('image')
在Flask中,您可以将其显示给用户,而无需保存,如下所示:
return "<img src='data:image/jpeg;base64, " + base64.b64encode(uploaded_file.read()).decode('ascii') + "'>"
返回“”