在React App中获取损坏的图像

文章/答案/技术大牛

发布

2回答

reactjs、image

我正在尝试访问React应用程序中的图像。当我运行代码时，我在网页上看到一个损坏的图像图标。我不确定我是否访问了图像的正确路径。我拥有的代码如下： render(picture_swimmers.png"

浏览 10提问于2018-08-23得票数 2

回答已采纳

1回答

如何在ReactJs中通过道具添加图片？

reactjs、require、react-props

我正在尝试通过props传递图像路径但它给出了一个损坏的图像，我的图像的路径在src下。 <React.StrictMode> &l

浏览 10提问于2021-02-22得票数 1

1回答

在带有图像路径的asp.net上加载ReactJS视图问题

asp.net、asp.net-mvc、reactjs、webpack

当React应用程序在dev move中运行时，所有图像在所有路径正常工作的情况下加载时都没有任何问题。当我尝试查看页面时，React应用程序加载并呈现屏幕，但由于网站找不到图像，所有图像都损坏了。在查看图像未加载的原因后，由于图像试图从当前URL加载，而不是从js文件和图像存储的位置加载，导致出现404 not found错误

浏览 23提问于2019-10-14得票数 0

1回答

和Webpack一起在TypeScript React app中导入SVG

javascript、reactjs、typescript、svg、webpack

我想把一个SVG图片导入到一个用TypeScript写的，和Webpack捆绑在一起的React小应用中。问题是没有显示图像(只显示浏览器的后备图像，没有找到图像)。看起来数据URL是错误的，因为当我在base64解码器中复制数据URL时，图像是损坏的。我试过不同的Webpack加载器(url-loader，file-loade

浏览 0提问于2017-10-10得票数 4

回答已采纳

1回答

有没有办法动态创建和下载react组件？

javascript、reactjs

我有一个需要动态渲染react组件并将输出下载为图像的情况，我开始编写一个示例来实现此目标，但似乎我正在使用的库无法生成react组件。如果你查看下面代码中的downloadFile函数，你会发现我正在向该函数传递一个react组件，文件似乎已损坏，我将图像类型更改为text，但它不起作用：var fileDown

浏览 0提问于2018-11-03得票数 1

1回答

反应文件上传并显示图像，而无需将上传保存到服务器

reactjs

我只是想显示一个上传的图像。我不想保存到服务器上，只想显示上传的图片。<p><img src={this.state.selectedFile}/></p> import React,{Component} from 'react'; s

浏览 0提问于2021-07-14得票数 1

1回答

如何在reactjs中将一个组件的状态更改为另一个组件？

javascript、reactjs、components、navbar

我是新的反应，我需要发送图像到导航栏组件。例如，我有一个名为A的组件，并将NavBar想象为组件B，但我没有直接在组件A中使用NavBar组件，而是从index.js调用它

浏览 17提问于2020-06-22得票数 0

1回答

在page.js react中获取损坏的图像

javascript、html、css、reactjs、image

我正试图在网站页面上插入一张图片，但链接断开了，我无法确定我出错的地方。代码如下：最好的

浏览 0提问于2021-06-17得票数 0

2回答

如何在显示加载屏幕时加载图像？

javascript、reactjs、react-native、jsx

在删除加载屏幕之前，我正在尝试在我的页面上加载配置文件照片，但不知道如何加载。现在，我在呈现函数中有一个"if“语句，它要么返回加载屏幕，要么返回页面的其余部分。我显示加载屏幕时，我获取URL的个人资料，照片和用户名等从防火墙。但是，当图片从URL下载到我的应用程序中时，我不知道如何显示相同的加载屏幕，因为我是在JSX代码中下载的。但这基本上就是我要做的。现在，当我从fi

浏览 2提问于2022-09-23得票数 0

回答已采纳

1回答

如何在反应中有条件地渲染图像？

javascript、html、css、reactjs

(在useEffect中)开始获取图像。因此，当我们在组件的末尾呈现新的<img>元素时，它会启动一个全新的请求来获取该图像(尽管推断它已经坏了)。因此，为了避免这种重复获取，一个可能的解决方案是呈现已经初始化的image元素，而不是一个新的react元素来表示该图像。这个是可能的</em

浏览 0提问于2020-03-11得票数 6

1回答

React Hooks useState数组渲染两次

javascript、arrays、reactjs、react-hooks

我需要使用一个函数上传图像到我的useState，然后我想渲染这个图像，问题是我不知道如何渲染我返回的数组，下面是代码代码： const [logoImg, logoUpdater] = useState

浏览 15提问于2020-06-16得票数 1

回答已采纳

2回答

显示损坏的图标，而不是带有alt文本的图像- React

javascript、reactjs

我使用npx create-react-app创建了一个React应用程序，并且在src -> images -> image.jpg上有一个名为image.jpg的图像。我想要显示每个员工的图像，但有一些图像(S)的问题。我的代码运行良好，但图像没有显示，而是在保存和加载应用程序时显示，图像不显示，但损坏的

浏览 5提问于2021-03-03得票数 0

1回答

当从服务器调用react* app时，如何从节点、快速服务器获取数据？*

node.js、reactjs、express

我有一个从我的节点服务器调用的react应用程序。但是，react应用程序也会从服务器获取数据。问题是，当删除此代码时，react app只能从服务器获取数据：res.sendFile(path.join(__dirname/build', 'index.html'));因为所有请求都

浏览 1提问于2022-03-06得票数 1

2回答

如何使用useEffect获取数据？

reactjs、use-effect

我在获取数据时遇到了问题，我不知道问题出在哪里。请看下面的代码 import React from 'react' fetch("https://jsonplaceholder.typicode.c

浏览 30提问于2021-02-11得票数 0

回答已采纳

2回答

通过命令从Firestore获取对象数据

reactjs、firebase、google-cloud-firestore

我正在尝试从firestore获取对象数据 ? 问题是尽管我将数据另存为命令、损坏、帧、状态、方式当我从React中的firestore中获取数据时， ? 对象的顺序被打乱。例如, 帧、距离、命令、损坏、命中帧距离，命中率，帧，命令，损坏，等等。我想要的是命令，伤害，框架，状态，方式

浏览 27提问于2021-06-24得票数 0

回答已采纳

1回答

无法从react应用程序访问速成服务器中的公用文件夹

node.js、typescript、express、content-security-policy、transpiler

问题我的server.ts文件中有这个在http://localhost:5000中运行export const app = express(pat

浏览 3提问于2021-12-19得票数 0

回答已采纳

3回答

在.env文件中设置公共URL响应应用程序

reactjs、react-redux

嗨，我是新的反应应用。我想在Public_URL文件中设置.env。userName, }) }); "scripts": { &

浏览 3提问于2021-05-26得票数 2

回答已采纳

1回答

如何通过React中的API下载文件？

javascript、reactjs、axios

在我的react应用程序中，我有一个组件，它有一个文件下载按钮，用于下载来自后端的文件。我正在使用AXIOS进行AJAX调用。问题是，下载文件后，文件已损坏。我正在下载png 文件和 pdf 文件。当我打开下载的图像时，它说它损坏了，下载的只显示白色背景。如何正确下载文件？import API from "../../api/api"; cla

浏览 2提问于2019-05-20得票数 14

回答已采纳

3回答

什么是npm缓存清理--force --unsafe-perm

node.js、npm

使用npx create- react -app testproject创建react js项目时我得到了以下错误 Unhandled rejection Error: EACCES: permission

浏览 75提问于2019-09-22得票数 0

回答已采纳

1回答

在React* App中从json文件导入时损坏的徽标图像*

javascript、reactjs、image

我正在导入路径为json文件的svg图像。下面是json文件的一部分：{ "company": "Photosnap",import React from 'react'; import JobC

浏览 16提问于2020-05-15得票数 0

回答已采纳

点击加载更多