Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示来自多部分/表单数据解析器的图像而不保存_Javascript_Node.js_Express_Multipartform Data_Formidable - Fatal编程技术网

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') + "'>"
返回“”