如何在react中使用graphene-django和axios将图像上传到我的服务器？
在React中使用graphene-django和axios将图像上传到服务器的步骤如下：
- 首先，确保你已经安装了React和graphene-django，并且已经创建了一个React项目。
- 在React项目中，使用axios库来发送HTTP请求。你可以使用以下命令安装axios：
- 在React项目中，使用axios库来发送HTTP请求。你可以使用以下命令安装axios：
- 在React组件中，引入axios库：
- 在React组件中，引入axios库：
- 创建一个函数来处理图像上传。你可以在组件中定义一个事件处理函数，例如：
- 创建一个函数来处理图像上传。你可以在组件中定义一个事件处理函数，例如：
- 在上面的代码中，我们首先获取用户选择的图像文件，并创建一个FormData对象来存储图像数据。然后，使用axios的post方法将FormData对象发送到服务器的
/upload端点。 - 在React组件的render方法中，添加一个文件上传的input元素，并将事件处理函数绑定到onChange事件上：
- 在React组件的render方法中，添加一个文件上传的input元素，并将事件处理函数绑定到onChange事件上：
- 当用户选择图像文件时，onChange事件将触发handleImageUpload函数。
- 在服务器端，你需要使用graphene-django来处理图像上传的请求。你可以创建一个GraphQL mutation来处理上传请求，并将图像保存到服务器上的适当位置。
- 这里是一个示例的graphene-django mutation的代码：
- 这里是一个示例的graphene-django mutation的代码：
- 在上面的代码中，我们定义了一个名为
upload_image的mutation，它接收一个名为image的参数，表示上传的图像数据。在mutate方法中，你可以编写逻辑来处理图像上传，例如保存图像到服务器上的某个目录。最后，返回一个包含success字段的对象，表示上传是否成功。 - 请注意，上述代码只是一个示例，你需要根据你的具体需求进行修改和扩展。
这样，你就可以在React中使用graphene-django和axios将图像上传到服务器了。记得根据你的具体需求修改代码，并确保服务器端能够正确处理图像上传的请求。
相关·内容
我通常使用axios和postman来上传图片，它们不需要额外的配置。我只需将图像文件附加到表单数据并发送它，服务器就会正确地检测到它并保存它。然而，使用react admin，我得到的是原始格式，如果我尝试上传它，服务器就不能正确检测到它。我如何让react管理员上传图片而不弄乱它们。我只是想以fetch或axios使用的相同格式上传图像。当我使用axios在chrome中检查网络工具时，文件字段是二进制类型的，但是react admin显示了一个具有rawFile字段的对象，如果我尝试发送rawfile字段，它就不能工作。
浏览 56提问于2021-07-29得票数 0
回答已采纳
1回答
我有一个React组件，用户可以在其中上传无限数量的图像，这些图像被收集到一个数组中。 我目前正在使用FormData上传这些图像，以及其他一些文本字段。 然而，我不想使用FormData。有没有一种更好的方法来上传数据，比如用普通的Axios上传一组图像？ 上传3张图片后组件的状态 this.state.files = [
// image file 0,
// image file 1,
// image file 2
]; 当前Axios函数-使用FormData let formData = new FormData();
this.state.files.for
浏览 28提问于2020-01-16得票数 1
回答已采纳
1回答
(上下文:使用管理门户构建公司站点，允许用户创建新的团队成员、工作等，并让web应用程序反映这些更改。)
我有一个托管在服务器(比如GoDaddy或BlueHost)上的Vue.js web应用程序，我希望能够将pdf和图像上传到同一服务器，然后在web应用程序的其他地方引用这些文件。我很习惯使用前端，并且已经想出了如何制作一个上传组件，允许选择一个文件，然后是一个axios post。
这就是我困惑的开始。
首先，我认为必须能够将文件上传到我的服务器并将它们存储在那里。
接下来，我认为我应该能够将一些代码( PHP或Express或其他代码)放在服务器上的某个地方，以接受这些存储请求。
最后
浏览 3提问于2019-07-17得票数 0
使用react-native-image-picker和react-native-image-resizer包，我从设备上的图库中选择了图像，并尝试上传这张图像。我使用axios multipart/form-data将图像上传到后端服务器。在Android设备上上传图片成功，但在模拟器上上传失败，没有任何响应或错误。 这是我的一些代码。我在控制台中没有得到任何日志。 let formBody = new FormData();
formBody.append('json', JSON.stringify(userBody));
//userBody is json requ
浏览 42提问于2020-10-21得票数 1
2回答
我要从Jquery切换到react dropzone& Axios，我想上传一个文件到我的Django服务器，我没有问题在服务器上发布图像的blob url，但是我想在request.FILES下得到它，但是我得到了一个空的查询集。
request.FILES : <MultiValueDict: {}> <!--- empty
request.POST : <QueryDict: {}> <!--- able to get a blob url
下面是我的axios配置：
const temporaryURL = URL.crea
浏览 1提问于2018-03-22得票数 8
回答已采纳
我在我的apache服务器上托管了一个react应用。我正在使用react-images-upload npm包从用户接收图像，然后使用Axios将其发布到我的php服务器。 但是，当我检查响应中的php $_FILES数组时，它是空的。 我已经测试了我的服务器是否可以在php端通过一个小的上传表单来接收文件，它工作得很好，检查了内存限制，服务器上的文件夹是可写的等等。当我console.log(缩略图)时，我在控制台中得到一个文件对象，这样上传程序就可以工作了 ? ? 一切看起来都很好。所以我怀疑这与Ajax调用有关。 前端代码： import React, { Compo
浏览 14提问于2021-06-30得票数 0
回答已采纳
2回答
如何将图像上传到服务器。我正在使用react，到目前为止，我的控制器如下所示：
[Authorize]
public object UploadAvatar()
{
var file = HttpContext.Current.Request.Files.Count > 0 ? HttpContext.Current.Request.Files[0] : null;
}
当我使用react和axios上传时，文件显示= null：
const URL = '/api/userapi/uploadavatar';
var reader = new
浏览 5提问于2016-05-13得票数 0
回答已采纳
1回答
我目前正在使用graphene-django v2.0，我完全不知道如何上传和下载像图像这样的文件，有没有人有一个查询示例，您可以在其中下载图像和可以上传图片的变异？
浏览 1提问于2018-03-27得票数 14
我使用react-native-image-picker在服务器上选择并上传图片。它在android上运行得很好，但是在iOS上抛出了错误。npm 提供了一条说明：“在iOS上，不要假设返回的绝对uri会持续存在。请参阅#107”它意味着什么？这个库能在iOS上工作吗？我正在尝试使用iOS模拟器，它可以正确地显示图像，但当我尝试使用axios上传到服务器上时，它抛出错误"Missing request token for request：<NSURLRequest: 0x60000253e5a0> { URL: file://“like 有没有其他替代的react-nati
浏览 41提问于2020-09-20得票数 0
1回答
这是反应码
import React, { Component } from "react";
import Webcam from "react-webcam";
import * as faceapi from "face-api.js";
import { browserHistory } from "react-router";
import axios from "axios";
export default class WebCamPicure extends Component {
co
浏览 4提问于2020-03-15得票数 0
2回答
我的react应用程序运行在端口3000上，开发服务器运行在端口5000上。我有一个表单(是的，我将按钮设置为onClick事件，而不是使用preventDefault提交)，它将信息发送到远程API和一个文件到我的dev服务器/upload.do，然后发送到公共/图像文件夹。表单处理得很好，直到我向服务器axios调用添加了一个文件上传，现在一旦文件上传发生，它就会刷新整个页面。我对此进行了研究，这似乎是由公用文件夹中的更改引起的，它会导致页面刷新。我的server.js使用express-fileupload处理对localhost/5000/upad.do的api调用。一切正常，除了刷新
浏览 10提问于2020-04-08得票数 2
回答已采纳
1回答
我的想法是，我选择一个图像，然后上传到mongodb，同时我按下上传按钮，我想触发页面的重登，以便阿凡达得到更新与最新的图像。为了实现这一点，我首先向服务器发送PUT请求，然后设置一个本地存储，并使用响应的值来执行命令。
捕获和上传图像的函数
const [reload, setReload] = React.useState(false);
React.useEffect(() => {}, [reload])
const fileSelectedHandler = evt => setAvatarImage(evt.target.files[0]);
const uplo
浏览 3提问于2020-05-08得票数 0
1回答
我已经构建了一个React前端和一个只有Rails API的后端。我想让用户创建一个任务，并输入标题，描述和上传图像。
因此，我尝试使用DropZone访问图像，然后使用Axios通过post请求将图像信息以及标题和描述发送到我的Rails API。
我在我的Rails API上设置了Carrierwave，希望在我的任务根据post请求添加到数据库中后，可以上传到亚马逊网络服务的S3存储桶中。
所有这些都不起作用，所以我的问题是，我是否应该在react端处理上传到AWS的图像，如果是，我如何将该图像与我保存到Rails数据库的附加信息(标题和描述)相关联。
谢谢!
浏览 4提问于2018-01-20得票数 1
我已经设置了一个带有文件上传的表单，其中我使用单独的请求将图像上传到Cloudinary。我想做的是从Cloudinary的response对象中选取一个图像url，将其传递给我的redux表单，并将其与其他表单值一起提交到我的服务器和数据库中。到目前为止，我的请求如下所示
onChange(event) {
let formData = new FormData();
formData.append('file', event.target.files[0]);
formData.append('upload_preset', UPLOA
浏览 4提问于2017-07-18得票数 2
我正在尝试使用react作为前端将文件上传到我的后端程序。后端在Postman中工作得很好。但是当我尝试通过react上传它时，它不允许上传。同时，我能够从后端获取文件，并显示它供下载。下面是我上传的代码： const[selectedFiles,setSelectedFiles] = useState(undefined)
const[file,setFile] = useState(undefined)
const[progress,setProgress] = useState(0)
const[message,setMessage] = useState(&#
浏览 99提问于2021-02-02得票数 0
我有一个拖放组件的表单，在这里我可以上传图片，然后我用axios将这些图片发送到我的后端，并保存在服务器端，然后在我的客户端以预览模式重新呈现它。我的问题是，如果用户上传了一些图片，然后在没有提交表单的情况下切换到另一个页面，那么添加的图片将无缘无故地停留在我的服务器端。为了解决这个问题，我尝试检测清理功能，如果用户离开页面，这部分工作正常。
问题是:在useEffect clear函数中，我试图访问存储图像路径的状态，但它总是给出初始状态。如果我将状态作为输入添加到useEffect中，那么在每个图像中添加/状态，修改清除函数就会被触发，并导致错误/不想要的行为。因此，我决定将图像链接移动到
浏览 2提问于2021-04-08得票数 0
回答已采纳
1回答
我有一个react原生android应用程序和Django REST。使用react -本机-图像选择器，用户可以选择一个图像，并且图像成功地显示在react本机应用程序中。
但是，我想把它上传到API中。为此，我将发送一个axios请求。当我以图像作为null发送请求时，请求有一个成功的响应。但是，当用户选择图像时，此请求会出现以下错误：错误:状态代码为400的请求失败
在Django中，这个映像被定义为：image = models.ImageField(upload_to='media/Images/Groups/', null=True)
我知道这不是问题，因为当我从D
浏览 2提问于2020-07-15得票数 0
回答已采纳
3回答
有没有人用Node，React，Antd库上传到cloudinary的图片？我收到一个错误，说文件丢失了。我不确定是应该发送整个文件对象还是只发送名称。我发了大拇指(有时很管用，有些不一定是我做错了的事)。
这是我的后端
const uploadImage = async (req, res) => {
try {
const result = await cloudinary.uploader.upload(req.body.image, {
public_id: `${Date.now()}`,
resource_type: 'auto
浏览 13提问于2022-07-09得票数 1
我希望用户能够上传图片到我的网站的一部分。我想把这些图片和imgur放在一起保存。
基本上，我希望它能像这样工作：
用户进入网站
点击“上传图片”
弹出一个带有提交按钮和“选择图像”按钮的模式。
用户选择图像并提交它。
react应用程序首先将图像转换为base64
然后，它直接发送一个请求到imgur上传图像。
然后，它存储响应映像id，然后向后端服务器发送一个请求，该后端服务器包含图像的imgur。
为了显示图像，react应用程序只需要获取图像并构造一个imgur。
但这需要我将授权头和API密钥直接存储在每个人都可以访问的应用程序中。那么，是否有
浏览 3提问于2021-04-19得票数 1
回答已采纳
我们正在尝试将一些数据发送到ASP.NET核心WEB API服务器，并在React中使用axios post请求将这些数据上传到网站，主要问题是将字节数组格式的图像发送到服务器。服务器只接受字节数组格式的图像。它给了我们一个错误的POST 400。Upload.jsx:47错误:请求失败，状态代码为400。请帮帮忙。下面是使用react钩子的代码：
import React, { useState } from "react";
import axios from "axios";
const Upload = () => {
const [uplo
浏览 0提问于2020-10-13得票数 0
我使用react和node.js/mongodb。我在前端有一个通过React上传图片的表单。目前，我将图像名称存储在mongo db中，并将图像上传到服务器(我的node.js项目中的一个img文件夹)。这是正确的方法吗?还是应该将图像名称存储在数据库中，并将图像上传到react项目中的img文件夹，而不是节点服务器？
浏览 15提问于2019-08-08得票数 1
回答已采纳
1回答
还有类似的问题，如this、this、this和this，但都没有帮助。 在Node中，目标是使用axios模块从Twitter下载图像，然后将此图像作为图像文件作为表单提交的一部分上传。 这段代码下载Twitter图像，但上传的二进制图像在到达服务器(也是我们的服务器)时被破坏。 图像必须以二进制格式上传。 表单是必需的，因为其他字段也随二进制图像一起提交。为了简化代码示例，删除了这些其他表单字段。 const axios = require('axios');
const FormData = require('form-data&
浏览 32提问于2021-04-23得票数 1
我正在尝试使用react前端和express服务器将图片上传到cloudinary。问题是我不能正确地发布请求图像到我的express服务器。 这是我准备图像以便稍后发送它的方式： var data = new FormData();
console.log(event.target.files[0]) // this prints FileObject succesfully
data.append('image', event.target.files[0]);
console.log(data
浏览 12提问于2019-02-01得票数 0
回答已采纳
我试图在图像捕获之后上传一个图像，然后使用axios和formData进行本机反应。我正在使用react-native-camera包来捕获图像。
我已经核对了其他类似的答案，但都没有效果。
这是我尝试过的两种方法，但都不起作用。在下面的方法中，我得到了错误:网络错误。
let bodyFormData = new FormData();
bodyFormData.append(`q_image_${serial}`, {
uri: 'file:///data/user/0/com.student/cache/Camera/b6217266-35d5-4a0c-b09e
浏览 1提问于2020-08-08得票数 0
回答已采纳
我正在尝试使用React Native axios上传图像。但是我得到了这样的回应。我尝试了所有的解决方案，但都不起作用。我正在使用react-native- image -picker来获取图像 { result: null,
message: 'Wrong access',
error: true,
type: 'command_not_found' } 以下是我的代码 ImagePicker.showImagePicker(options, (response) => {
let formData = new
浏览 19提问于2019-10-18得票数 1
1回答
所以我在React和ChakraUI上做这个项目来显示图像。我的要求是，每当有人上传图片时，都要显示进度条。我的问题是，当我重新加载页面时，进度条第一次工作良好，例如，我选择了一个图像，在选择图像之后，我按下了上传按钮，并显示了进度条。只有第一次才能正常工作。之后，只要选择图像，进度栏就已经满了。然后，点击“上传”按钮就可以上传了。如何防止这种情况发生？
import * as React from "react";
import { Button, Flex, Progress } from "@chakra-ui/react";
import { useS
浏览 8提问于2021-12-06得票数 0
回答已采纳
我对原生反应还很陌生。我想在react native中将图像上传到服务器。我想以分片的格式上传。所以请帮帮我。是否可以上传图像到服务器的多部分格式是肯定的，然后如何。我在谷歌上查看和搜索了很多东西，但我没有找到任何关于将图像分成多部分上传到服务器的答案。请帮帮忙。谢谢。
浏览 81提问于2021-02-26得票数 0
回答已采纳
2回答
显示所选图像的图像详细信息
、、、、
我使用的API每次都会返回随机图像。这个应用程序当前显示了6个来自API的随机图像，但是我现在正在尝试实现一个显示图像数据的页面，例如日期，描述等。我如何处理这一点，因为每次我在详细信息页面上请求时，都会收到新的数据。 显示图像和标题的页面： import React, { useState, useEffect } from "react";
import { Link } from "react-router-dom";
import axios from "axios";
const FeaturedProducts = () =>
浏览 26提问于2021-09-12得票数 0
回答已采纳
我在我的React应用程序中使用react Dropzone Uploader，getUploadParams方法直接将文件上传到服务器，我希望在单击特定的提交按钮后调用该服务器。有没有办法实现这一点，或者使用axios编写我自己的POST请求？
浏览 3提问于2021-06-02得票数 0
1回答
我有一个表单组件，当提交时，使用multer将照片上传到我的服务器，然后在单个上传路线中将照片上传到亚马逊网络服务上的S3存储桶。我想添加一个额外的功能行，在前端存储来自S3的状态中的照片键，然后我将其与数据库中的用户对象一起存储，以便照片始终与用户(个人资料图片)相关联。 表单使用操作参数正确发送，但我不确定如何正确地将submitHandler函数实现到表单中。如果我从它中断的表单中删除动作参数，如果我使用onSubmit，它似乎也会中断。我确信这是一个非常简单的问题，但是我不能理解它。任何帮助都非常感谢。 import React from 'react';
impor
浏览 21提问于2021-04-02得票数 0
我在KeystoneJS AdminUI的自定义字段中使用了KeystoneJS，这是一个React应用程序。我想上传图片从反应前线到KeystoneJS GraphQL回来。我可以使用我添加到Keystone服务器上的REST端点上传图像--传递TinyMCE一个images_upload_handler回调--但是我想利用Keystone已经构建的GraphQL端点作为我创建的图像列表/类型。
我首先尝试使用中详细介绍的方法，使用axios上传图像。
const getGQL = (theFile) => {
const query = gql`
mutatio
浏览 6提问于2020-03-12得票数 3
回答已采纳
1回答
我有一个React web应用程序(create-react-app)，它使用react-hook-forms上传歌曲，并使用axios将其发送到我的Node/express服务器。我想确定歌曲的长度，并将这个值存储在我的postgresql数据库中，然后再将音频文件发送到亚马逊网络服务的S3存储桶中。 Here is an example of an mp3 console log 谢谢!
浏览 37提问于2020-07-07得票数 0
回答已采纳
1回答
我正在尝试上传文件使用React Dropzone在ftp与Reactjs + AXIOS在前端，Nodejs +连接-多方在后端。问题是，当我使用AXIOS通过前端发送文件时，我不会在请求的服务器上获得该文件。我使用react axios上传文件的代码是
let data = new FormData()
data.append('file', file)
var setting = {
method: 'post',
url: 'my-server-url',
data:data,
headers: {
浏览 0提问于2018-01-18得票数 2
回答已采纳
我只是想显示一个上传的图像。我不想保存到服务器上，只想显示上传的图片。
我正在使用
<p><img src={this.state.selectedFile}/></p>
以显示图像。
这是我的App.js文件：
import React,{Component} from 'react';
class App extends Component {
state = {
// Initially, no file is selected
selectedFile: null
};
// On file
浏览 0提问于2021-07-14得票数 1
1回答
我正在尝试实现一个在客户端使用Express.js作为api服务器和React.js上传图片的功能。
在api服务器中，我定义了一个上传图像的路由，如下所示：
userRoute.js
module.exports = app => {
const User = require("../controllers/userController")
let router = require("express").Router()
const authJWT = require("../middleware/authJWT"
浏览 0提问于2021-11-21得票数 1
首先，我不是英国人。因此，我的句子可能在语法上是错误的，也可能难以表达意思。 我和Laravel和Axios有个React项目。我想把图像数据上传到我的服务器上。因此，我尝试在上传文件时将文件数据设置为遵循this document，但不起作用。 我想知道它不起作用的原因。 下面是我的一些代码。 import Axios from 'axios';
import React, { Component } from 'react';
class Register extends Component {
constructor() {
super()
浏览 31提问于2019-05-13得票数 0
回答已采纳
我是这里的新手。在下面的代码中，我使用了React +React阿波罗。
我正在使用Graphql上传图像并从db检索图像，并将其显示在表中。
所以问题是，当我上传图片时，它在刷新页面之前是不会显示的。我需要图像显示时，我点击上传按钮。请看下面的代码
组件代码：
import React from 'react'
import axios from 'axios';
import gql from 'graphql-tag';
import {Query} from 'react-apollo';
const GET_FILES
浏览 1提问于2020-12-25得票数 0
我使用的是对图像的反应-本机-图像-裁剪器，我可以使用相同的code....whereas显示和上传同一插件从图片库获取的图像，我可以用相同的plugin...but显示相机拍摄的图像，不能将它们上传到服务器。
我得到的错误是
Error: Request failed with status code 500
at createError (C:\Repos\247client\node_modules\axios\lib\core\createError.js:16)
at settle (C:\Repos\247client\node_modules\axios\lib\
浏览 0提问于2019-05-22得票数 0
我已经创建了一个使用表单和API执行crud操作的基本ReactJS应用程序，我已经成功地创建了这个应用程序来执行所有crud操作，但是我面临的唯一问题是在表单中添加一个图像上传字段并上传图像，我只能在控制台和API中看到图像路径，并且在上传的详细信息的读取页面中有相同的图像路径显示。
我已经给出了创建和读取应用程序的代码，验证它们，并帮助我获得正确的解决方案。
Create.js：
import React, { useState } from 'react';
import { Button, Form } from 'semantic-ui-react'
浏览 4提问于2022-07-05得票数 0
我尝试使用html2canvas将DOM元素呈现为.png图像，然后将其上传到服务器。下面是我的代码：
import React, { Component, PropTypes } from 'react';
import html2canvas from 'html2canvas';
import axios from 'axios';
const sendScreenshot = (img) => {
const config = {
headers: {
'content-type
浏览 4提问于2018-01-11得票数 8
回答已采纳
我想将一个静态xml资产添加到我的react原生项目中，并像访问图像一样访问它。 我添加了 resolver: {
assetExts: ['png', 'xml'],
}, metro.config.js和const asset = require('asset.xml')会返回一个数字。但是如何从这个数字中获取文件内容呢？ 下面的代码让我在开发模式下获得一个URI，我可以使用axios来获取它，但在发布模式下它只返回一个像asset这样的文件名，如何在发布模式下读取它？ Image.resolveAssetSource(a
浏览 46提问于2021-01-17得票数 0
1回答
在我的应用程序中，用户可以在SVG中绘制小图形，我使用React渲染这些图形。我想把SVG上传到我的服务器上。
如何将SVG呈现为Javascript图像，以便可以将其上传到我的服务器？谷歌搜索不会返回有意义的结果。
浏览 1提问于2017-06-02得票数 0
所以我在mongodb上上传了一个图片，现在我想在我的react组件中使用它，但文件的路径似乎永远不起作用：
router.post('/upload-avatar', upload.single('avatar'), uploadAvatar);
export default () => {
const [imageSource, setImageSource] = React.useState('');
const [imageAlt, setImageAlt] = React.useState(''
浏览 0提问于2020-05-05得票数 0
在这里，我想用图像注册用户，所以我想在我的格式数据中传递图像和名称。我可以使用一些指导原则上传文件(我不擅长使用react)，但是我不能用我的格式数据传递输入名称。应该遵循哪种程序？
import axios from "axios";
import React, { useState, useEffect } from 'react'
import { LinkContainer } from 'react-router-bootstrap'
import { Table, Button, Row, Col } from 'react-
浏览 1提问于2022-02-24得票数 0
回答已采纳
..。响应本地图像，而不是通过api上传post数据。I得到的错误图像不是表单数据格式..。
..。这是我的代码，如何上传图像到api.ialso，尝试使用格式数据，但它得到的错误‘数据没有保存’
..。
import { View, Text, SafeAreaView, StyleSheet, Image } from 'react-native'
import { useState } from 'react'
import React from 'react'
import axios from 'axios'
cons
浏览 2提问于2022-10-16得票数 0
我正在向服务器发出一个POST请求，以上传图像，并使用axios在react本机中发送格式数据。我收到了“网络错误”。我也尝试了获取，但是没有work.using反应本地图像选择器libeary为选择image.in邮递员api工作良好。
formData.append('title', Title);
formData.append('class_id', selectClass._id)
formData.append('subject_id', checkSelected)
f
浏览 23提问于2020-04-12得票数 13
回答已采纳
正如标题所说，我正在尝试将从我的react原生应用程序上的expo- image -picker拍摄的图像上传到使用multer作为中间件的express.js服务器上。我上传图片的代码如下所示： var data = new FormData();
data.append('image', {
// @ts-ignore
uri: listing.image.uri.replace('file://', ''),
name: listing.title,
type: listing.image.type
浏览 79提问于2021-05-10得票数 0
回答已采纳
我目前正在构建一个反应性组件，用户可以在其中上传图像。在这个简化的例子中，我想上传3张图片。当每个文件的上传完成后，我想将这个文件添加到我上传的文件列表中。
问题:因为useState的setter方法不是同步的，所以我们只将三个上传的文件中的一个添加到列表中。另外两个添加会被最后一个上传文件覆盖。
这里的例子是：
const Example = () => {
const defaultValues = ["aaa.jpg", "bbb.jpg", "ccc.jpg"];
const [uploadedFiles, setUp
浏览 1提问于2022-11-23得票数 0
回答已采纳
而不是发送一个请求从服务器获取数据，为什么它要发送三次从服务器获取一个数据。
import React from 'react';
import axios from "axios";
export const Components = (props) => {
const [data, setData] = React.useState([])
React.useEffect(() => {
axios.get('http://localhost:8000/api/posts')
浏览 3提问于2022-10-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
