无法将图像文件从React前端发布到express和MySQL
将图像文件从React前端发布到express和MySQL可以通过以下步骤完成：
- 前端开发：在React前端应用中，使用HTML的<input type="file">元素来实现图像文件的选择和上传。可以使用第三方库如react-dropzone或react-file-upload来简化文件上传的过程。
- 后端开发：使用express框架来创建一个服务器端应用，接收前端上传的图像文件。在express应用中，可以使用multer中间件来处理文件上传，并将图像文件保存到服务器的指定目录。
- 数据库：使用MySQL数据库来存储图像文件的相关信息，如文件名、路径、上传时间等。可以使用MySQL的官方驱动程序或第三方库如sequelize来与数据库进行交互。
- 上传图像文件到服务器：在前端应用中，通过HTTP POST请求将图像文件发送到express后端。可以使用fetch或axios等库来发送请求，并将图像文件作为请求的一部分。
- 后端处理图像文件：在express应用中，使用multer中间件来接收前端发送的图像文件，并保存到服务器的指定目录。可以使用fs模块来处理文件的读写操作。
- 将图像文件信息存储到数据库：在express应用中，将图像文件的相关信息（如文件名、路径、上传时间等）存储到MySQL数据库中。可以使用MySQL的官方驱动程序或第三方库如sequelize来执行数据库操作。
- 返回响应给前端：在express应用中，可以返回一个成功或失败的响应给前端，以表示图像文件上传和存储的结果。
总结： 将图像文件从React前端发布到express和MySQL可以通过前后端协作完成。前端负责选择和上传图像文件，后端负责接收和处理图像文件，并将相关信息存储到MySQL数据库中。这样可以实现图像文件的上传和存储功能。
腾讯云相关产品推荐：
- 对象存储（COS）：用于存储和管理图像文件，提供高可靠性和可扩展性。详情请参考：腾讯云对象存储（COS）
- 云服务器（CVM）：用于部署和运行express应用和MySQL数据库。详情请参考：腾讯云云服务器（CVM）
- 云数据库MySQL版（TencentDB for MySQL）：用于存储图像文件的相关信息。详情请参考：腾讯云云数据库MySQL版（TencentDB for MySQL）
相关·内容
我在React中使用axios来发布用户通过dropzone区域上传的图像。我可以从前端看到console.log(this.state.faceImage)。但不知何故，express接收到一个空对象，无法将其插入到数据库中。SUBMIT </form>下面是handleSubmit和handleImageUpl
浏览 8提问于2019-11-16得票数 0
回答已采纳
我正在创建的一个应用程序使用MERN堆栈(MySql、Express、React、Node)。前端和后端分别存储在两个独立的Githubs repos中，并托管在两个独立的Heroku实例上。前端和后端都成功部署到Heroku。 问题是如何让前端和后端都能相互通信？用户应该从将调用后端的前端heroku开始还是应该从后端开始？我尝试将</
浏览 20提问于2019-09-03得票数 4
3回答
我目前正在开发一个单页面的react应用程序。此应用程序将不需要任何登录，它将是公开可用的。我正在向另一个API的webhook发出POST请求，但我无法访问该API，也无法维护该API。
浏览 0提问于2018-01-23得票数 5
回答已采纳
1回答
Json数据解析错误
、、、、
React JS前端，Express JS中间件，Laravel后端当数据从react发送到express然后再到laravel时，数据在laravel中没有以正确的格式进行解析。React前端发布到快递 const data = await fetch(`${config.appURL}/deployment/stage1`, {
浏览 12提问于2020-11-01得票数 0
我有一个问题，如果我使用nodejs作为后端，我将如何保护我的前端。例如，我创建了完整的网站，将react作为前端，后端使用nodejs，并使用Axios从后端获取和发布数据到前端，等等。我现在的问题是，如果我在后台使用安全措施，它是否也会保护我的前端？
对于exmaple，如果我在nodejs中使用helmet，我在那里为响应头添加的保护也将应用于我的主网站，即反应前端？var
浏览 6提问于2022-04-07得票数 0
回答已采纳
我有两个独立的应用程序:一个是我在Node和Express中的API，另一个是我在React和React Router中的前端。我正在尝试允许passthrough在路由不匹配的情况下从Express反应路由器，我们传统上是这样做的： res.sendFile我发布repos的原因是因为我将所有前端代码上传到
浏览 19提问于2017-12-17得票数 0
1回答
我正在使用MongoDB、Express、React和Node构建一个完整的堆栈应用程序。我曾经做过只有前端编程的项目，也有做过只有后端编程的项目。我使用ejs为Express创建视图，所以我不确定它如何与通过React创建的前端视图一起工作。此外，我不确定CRUD操作将如何与React一起使用。我的问题是: Express如何与React交互？
我正在寻找的答案涉及到联系。它在哪里以及如何点击在一
浏览 4提问于2018-06-05得票数 1
我想使用Amazon (与朋友和潜在雇主分享我的应用程序)将我的作品部署/发布到互联网上。不过，我有麻烦了。为了澄清，我的前端是用React写的，我的后端是用Node/Express js编写的，它连接到一个MySQL数据库。目前，所有这些都是本地存储在我的计算机上。我不知道如何继续.我一直在尝试将我的所有代码添加到github中，并在AWS放大器上运行部署特性，但这似乎仅限于反应性前端(至少我没有发现任何关于后端的功能，包括我的数
浏览 6提问于2020-05-16得票数 5
回答已采纳
我被卡住试图上传和保存图像文件到我的后端。我使用axios从react前端调用express API。前端在端口3000上运行后端运行端口8080return dispatch => { return response.data .then( societe => {
浏览 0提问于2017-12-04得票数 0
我有以下问题：
npm run build ->构建一个react应用程序。在cpanel -文件管理器中，我应该将哪个文件放在公共html中。前端代码或后端表示
浏览 1提问于2019-06-24得票数 2
我有一个带有express后端的React前端应用程序，它在本地作为代理API服务器工作。在我的本地开发环境中，React fonr-end运行在端口3001上，Express服务器运行在端口3000上。在Azure应用的配置中，我有以下启动命令： node server & npx serve -s 这应该(从理论上)启动Express服务器(设置为侦听端口3000)并为前端提供服务。前端确实是可以访问的，但是当它试图通过一
浏览 19提问于2021-04-02得票数 0
回答已采纳
1回答
我试着用axios发布从react到axios的表达。我学习了关于连接react前端以表示服务器的教程，它用于使用代理从服务器获取数据。但是，当我试图将来自react的数据发布到服务器时，它不起作用。提示我有两个未察觉的错误(由于刷新而无法看到它们)，然后该页面立即刷新，将表单响应发送到原始response页面的url，而不是用表单数据重定向和张贴到服务器页。
浏览 8提问于2022-11-26得票数 0
回答已采纳
我试着在后端使用multer将图片从React前端发布到我的数据库，当我使用postman上传图像和数据时，一切正常，然而，在我的react前端，我在将图片发布到数据库时遇到了一些问题。前端代码如下 import React, { useState } from "react";
import axios from "axios&qu
浏览 12提问于2020-07-09得票数 0
回答已采纳
从我在网上看到的情况来看，人们似乎发现从express进口{response}是罪魁祸首，但我没有这么做。import "./config.json"const express = require('express');
const app = express
浏览 1提问于2022-05-15得票数 -2
回答已采纳
我知道这是一个非常初级的问题，但当涉及到MERN堆栈和GraphQL时，我正在努力掌握一些东西。在这个中，web应用程序是使用MongoDB、Express、React和Nodejs以及GraphQL开发的。我确实理解MongoDB用于数据存储，而React用于前端，但我不能理解，如果使用直接向MongoDB数据库发布数据和从GraphQL数据库获取数据的API，为什么要使用MongoDB和Node
浏览 2提问于2019-12-04得票数 1
1回答
module "c:/Users/ts-lord/Desktop/server/cdr-ui/node_modules/athena-express/lib/index"
Could not finda declaration file for module 'athena-express'.'c:/Users/ts-lord/Desktop/server/cdr-ui&
浏览 139提问于2019-06-12得票数 2
回答已采纳
我无法使用MERN堆栈应用程序在浏览器中设置会话cookie。当express服务器和react前端都在本地运行时，cookie被设置为没有问题。在我将express后端部署到heroku之后，问题就出现了。我尝试将"sameSite“cookie选项设置为"lax”或false，但问题仍然存在。
下面是我用于快速会话的配置。如果我从浏览器访问我的express应用程序的根路径，
浏览 0提问于2021-05-02得票数 0
1回答
我正在尝试从头开始构建一个简单的react/node/express应用程序(不使用create-react- app )。我已经构建了一个简单的后端来将一些数据传递到前端，但我很难弄清楚这两者是如何通信的。如何同时运行前端和后端，并查看传入数据的前端？ 我想在一个命令中完成所有这些操作。我是否必须使用像webpack这样的工具来将所有内容捆绑到一个可运行的包中？ 我的repo可
浏览 39提问于2019-02-24得票数 0
我正在做一个使用MERN (MongoDB，Express，React，Node)堆栈的项目，在将数据从React组件中的表单发布到Node.js中定义的API端点时，我遇到了一些问题。当我提交表单时，浏览器只显示一个不能发布的错误。我非常确信，如果我为表单创建一个事件处理程序，在React中提交并使用Axios之类的库处理POST，我就可以解决这个问题。但最终，我认为这个问题是因为Node后端运行在与React<e
浏览 5提问于2018-05-30得票数 8
我是react、nodejs和全栈开发的新手。我正在尝试在nodejs/react/mysql中创建一个登录页面。现在，我只是试着做主登录页面的get请求。我想我正在努力将前端、后端和时刻连接起来。Nodejs app.js：const bodyparser = require('body-parser'
浏览 3提问于2020-11-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
