从JSON文件到React JS文件的图像不显示
问题描述： 在将JSON文件转换为React JS文件的过程中，遇到了图像不显示的问题。
解决方案：
- 确认图像文件的路径是否正确。在React中，图片资源通常存储在项目的
src文件夹中的assets文件夹下。请检查图像文件的路径是否正确，并确保图像文件存在。 - 确认图像文件是否被正确地导入到React组件中。在React中，可以使用
import语句将图像文件导入到组件中。请检查导入语句是否正确，并确保导入的图像文件与实际文件相匹配。 - 确认图像文件是否被正确地引用。在React中，可以使用
<img>标签或CSS样式中的background-image属性来引用图像文件。请检查图像引用的代码是否正确，并确保引用的文件与实际文件相匹配。 - 确认图像文件的格式是否被支持。在React中，通常支持常见的图像格式，如JPEG、PNG和GIF等。请确保图像文件的格式是支持的，并尝试使用其他格式的图像文件进行测试。
- 确认图像文件是否被正确地加载。在React中，可以使用
componentDidMount生命周期方法或useEffect钩子函数来确保图像文件在组件加载后进行加载。请检查加载图像文件的代码是否正确，并确保加载时机正确。 - 如果以上步骤都没有解决问题，可以尝试清除浏览器缓存并重新加载页面。有时候浏览器缓存会导致图像文件无法正确显示。
建议的腾讯云相关产品：
- 腾讯云对象存储（COS）：用于存储和管理图片资源。可以将图片文件上传到COS中，并在React组件中通过URL来引用这些图片文件。详细信息请参考：腾讯云对象存储（COS）
- 腾讯云内容分发网络（CDN）：通过将图片资源分发到全球的边缘节点，提高图片加载速度和用户体验。可以将图片文件通过CDN进行加速，以确保图像文件快速加载。详细信息请参考：腾讯云内容分发网络（CDN）
请注意，以上产品仅作为参考，并非要求使用。可以根据实际需求选择适合的产品。
相关·内容
我一直在寻找一种从JSON文件获取本地存储在项目中的图像路径的方法。我已经看到了建议删除JSON文件并在.JS文件中使用数组的答案，如下所示：
const DATA = [
{
"ID": 0,
"Image": require('../assets/image0.png')
},
{
"ID": 1,
"Image": require('../assets/image1.png')
}
]
问题是，我只能使用JSON文件来获取数据，这是将
浏览 2提问于2021-03-16得票数 0
我尝试使用React JS从JSON-Server上传并获取上传的图像。 我对JSON-Server使用了虚拟JSON文件 JSON文件示例(userInfo.json)： {
users : {
"id" : 1
"userName": "testuser",
"name": "User",
"lastName": "Test",
"imageURL": "http://local
浏览 123提问于2021-02-12得票数 1
回答已采纳
2回答
我正试图在我的本地react应用程序上使用svg图像，我正在Android上进行开发。
所以我遵循了这个教程=>
当我试图显示图像时，我无法读取未定义的“填充”属性，所以我尝试降低react的版本--原生svg，并且图像被显示，但是一旦我集成了react，我的应用程序就会在启动时导航。
所以我找了很长一段时间来找这起坠机的原因。
我试图删除react本机svg库、metroconfig.js文件和世博再次工作，我不知道这是否是问题的原因。
我想知道人们是否遇到过这些问题，如果没有，那么在当前版本的RN中导入svg映像的最佳方法是什么？
提前感谢您的帮助和回答。
编辑
我测试了react
浏览 5提问于2020-02-15得票数 6
首先，我想清除这个问题，我使用cdn作为react，使用ajax从json文件中获取细节。
所以，我有一个json文件reactjs.json，看起来.
[
{
"e64fl7exv74vi4e99244cec26f4de1f":[ "image_1.jpg","image_2.jpg"]
}
]
index.html
<!DOCTYPE html>
<html>
<head>
<title>Image Viewer-Static</title>
浏览 2提问于2019-02-21得票数 1
回答已采纳
我正在处理一个电子商务站点React，该站点显示从JSON文件派生的项目列表。JSON文件包括价格、型号、图像等信息。
我试图添加“排序:价格”功能到网站。我现在拥有的函数在对JSON数据进行排序时正确地工作：
import products from "../data/products.json";
function Shop(){
const [items, setItems] = useState();
function sortProducts() {
setItems(products.sort(sortByProperty("price&
浏览 3提问于2022-07-17得票数 0
回答已采纳
我正在构建一个react应用程序和，我希望将所有的图像文件从源目标复制到构建目标。我正在学习一些教程，到目前为止我已经成功地使用了react-app-wired和CopyWebpackPlugin
我没有错误，也没有文件被复制。
这是我的config-overrides.js
const CopyWebpackPlugin = require('copy-webpack-plugin');
module.exports = function override(config, env) {
if (!config.plugins) {
config.plugins
浏览 2提问于2018-08-20得票数 10
回答已采纳
我是新的反应-本机，我试图传递变量一个js文件到另一个js文件。我想从一个.js文件调用一个变量到另一个.js文件。从firstPage.js文件中，我希望数据使用另一个.js文件。这里我正在创建secondePage.js，从firstPage.js调用数据
我怎么叫他们反应本地人呢？如何显示secondePage.js的数据。
任何人都可以在这里帮助我，谢谢你的提前帮助！
firstPage.js
import React, { useEffect, useState } from "react";
const TestOne =()
浏览 12提问于2022-10-31得票数 0
我从.json中拉入一些数据，以便在我正在开发的react应用程序中传播网格。 {props.title}和{props.author}返回正确，但我无法显示图像。目前，我在转到此路线时出现了一个“错误:找不到模块'./'”页面。 我确信这是我的文件路径/assets/images，但无法解决它。 下面是我的文件路径： src ┣资产 ┃┗图像 ┃┃┣burger-logger.png ┃┃┗green_cup.png ┣组件 ┃┣关于 ┃┃┣About.js ┃┃┣Hello.js ┃┃┗index.scss ┃┣PortfolioGrid ┃┃┣PortfolioGri
浏览 29提问于2020-10-30得票数 1
我试图在js类中加载一个CSV文件，但我无法在react本机中这样做。此文件可在本地使用。没有下载。每当我给出CSV文件的路径时，我就会得到一个错误，说明找不到模块。不存在这样的模块。我已经尝试将CSV放置在不同的文件夹中，也在我的项目根级。它不起作用。我注意到图像并不面临同样的问题。
我甚至试过这么做。
同样，它适用于图像，但奇怪的是，它不适用于CSV。
我已经尝试过导入语句、require语句，甚至是文件的相对路径。每次都犯同样的错误。
我是新的反应，也许我错过了一些步骤？
编辑:我尝试过的两种方法
import RNFS from 'react-native-fs';
浏览 0提问于2018-03-11得票数 1
直接从的主Github回购
从2.x开始，为了获得更大的灵活性，我们已经将chart.js变成了对等依赖关系。请将chart.js作为项目的依赖项添加到使用2.x。目前，2.5.x是推荐使用的chart.js版本。
我将这个库安装到我的React应用程序中，自动地，chart.js和react-chartjs-2都在我的依赖项package.json文件中。
我的问题是基于上述引文，我现在是否必须添加以下字段：
"peerDependencies": {
"chart.js": "^2.9.4",
"react
浏览 6提问于2021-01-21得票数 1
回答已采纳
我正在开发一个关于React.js的小网站/项目组合，我在显示存储在json文件中的图像时遇到了一些问题。
控制台显示了文件，但我们在浏览器中看不到图像！有谁能帮我一下吗？
这是我的json文件：
export const GaleriesData = [
{
id: 1,
tableaux: [
“../assets/img/galeries/aformaimediata/aformaimediata1.jpg”,
...
“../assets/img/galeries/aformaimediata/aformaimediata8.jpg”
浏览 4提问于2021-05-17得票数 0
我目前正在做一个使用React和webpack的项目，但我对这两个都是新手。我需要显示来自服务器文件系统的图像。我正在尝试使用webpack的文件加载器来显示图像，但我在运行时遇到了问题。 编辑:由于一些建议，我做了一些修改，我遇到了一个与我原来的问题略有不同的问题。从需要图像切换到导入图像后，我现在得到了正确的文件路径"images/7047aa4de98575625fc771ca68618c28.png".现在，我已经将我的webpack文件加载器输出到该目录，并且我的文件系统中确实有一个名为images/7047aa4de98575625fc771ca68618c28.
浏览 10提问于2020-10-30得票数 1
1回答
字符串转换为变量
、、
在React中，我将图像存储在不同的变量中，如
import Small from '../images/small.png'
import Medium from '../images/medium.png'
我将这些变量存储在一个data.js文件中，如下所示
const Paper = [{ Head: "<strong>Heading Content</strong>sub-heading", content: ["Small","Medium"] },{ Head: "&
浏览 1提问于2022-06-27得票数 0
1回答
我想在简单的scrtipt标记(一个小部件)中显示我的react组件，我用npx创建的react应用程序widget_app创建了简单的react应用程序。通过以下步骤，我在单个包文件(即bundle.min.js )中构建了一个react应用程序：
npx可嵌入-创建-反应-应用程序
在package.json文件的脚本部分中添加了以下内容：
"web: build "："npm运行构建& npm运行构建:bundle“，”构建:bundle“："webpack -config webpack.config.js”
纱
浏览 3提问于2021-02-20得票数 0
我有一个很大的JSON文件(大约700条记录)。
我希望基于这个JSON文件创建700个ListItem组件，并将它们显示在List组件中。
我认为应该是这样的，不幸的是，我的createList函数根本没有创建任何<ListElement>：
import React from 'react';
import ListItem from './ListItem.jsx'
import {FOO} from './data.js';
var countries = [];
class List extends React.Com
浏览 1提问于2017-10-22得票数 0
回答已采纳
3回答
在创建一个react应用程序时，图像中的错误会显示出来。它一直在正常工作，我所做的就是把mkdir和cd放到那个dir上。
这就是错误的样子..。
npx:安装在36.634 s中的99必须使用导入加载ES模块:不支持ES模块的C:\Users\Neeraj\AppData\Roaming\npm-cache_npx\5172\node_modules\create-react-app\node_modules\is-promise\index.js require()。C:\Users\Neeraj\AppData\Roaming\npm-cache_npx\5172\node_module
浏览 0提问于2020-04-25得票数 0
回答已采纳
我的CRA应用程序中有一个名为setupTests.ts的文件，它在createSerializer()方法上显示以下警告。如果我将该文件重命名为js文件，则一切编译正常，并且测试运行。不过，如果我在package.json中添加"snapshotSerializers": ["enzyme-to-json/serializer"]作为jest配置，它会工作得很好。但是我很好奇在这个文件中有没有办法让它工作。
import React from "react";
import Enzyme from "enzyme";
impor
浏览 0提问于2019-02-21得票数 2
我有像这样的JSON
我想使用这个JSON，并使用react js在表格中显示数据。
这就是我从JSON文件中显示数据的方式。
import React, { Component } from 'react';
import data from './data.json';
class App extends Component {
render() {
return (
<ul>
{
data.map(function(movie){
return <l
浏览 1提问于2018-04-06得票数 5
回答已采纳
我们使用的是react原生0.43.4版本，我们分叉了它。它正在通过npm安装下载。
package.json
"react-native": "git+ssh://git@subdomain.domain.net/username/react-native#fix/xcode_9_3",
我们的Android 项目级分级文件有
allprojects {
repositories {
mavenLocal()
jcenter()
maven {
// All of React N
浏览 0提问于2018-05-15得票数 2
我的应用程序是用create-react-app创建的，
我正在使用.map迭代我的JSON文件，其中存储了图像的本地路径，但我假设create-react-app以某种方式更改了路径，我不知道是如何更改的。
const list = this.state.people.map((d, i) => { return <li
key={i}
className="content"
style={{ backgroundImage: `url(${d.Picture})` }}
>
上面是我的开始li标记，我从下面的JSON文件中循
浏览 2提问于2017-06-24得票数 1
如何从“资产”文件夹导入图像，而不通过url从internet上使用图像？
为什么图标没露出来？
我正在学习，反应本土化，试图创建一个小应用程序，显示一个城市的企业。
我必须说，我使用"styled-components / native"作为样式，并将它们放在单独的文件中，因为您将看到组件没有正确命名，但这很好。我创建了一个对象，其中显示了每个业务的详细信息:名称、地址、业务类型的图标、业务形象、图像，以了解业务是关闭还是打开。
然后，我尝试在卡片中显示这些细节，并将其发送到应用程序的另一页，在该页面中，我通过FlatList添加的不同业务将被显示出来。
问题是，我不知道如何
浏览 2提问于2021-09-28得票数 0
1回答
我(希望)有一个简短的问题。我想在react中显示json文件中的值。下面是我的readJson.js文件和readJsonChild.js文件的代码。readJsons.js：
import React from 'react';
import MyAppChild from './readJsonChild.js';
import * as data from '../../model/data/ProductData/Material.json';
export default class MyApp extends React.Comp
浏览 5提问于2018-08-14得票数 0
回答已采纳
尝试浏览一些React Native image绑定，我不确定如何继续。 现在，下面的代码可以正常工作。 我有一个项目的数据文件： MyData.js import { Images } from '@configuration';
const myData = [
{
name: 'One',
img: Images.one
},
{
name: 'Two',
img: Images.two
},
{
name: 'Three',
img: Images.t
浏览 14提问于2020-10-30得票数 0
回答已采纳
1回答
我试图在我的反应项目中包括一个乐天动画。它成功地加载Lottie组件，但没有图像。它无法解决资产问题。但是，它作为一个json (动画数据)和一个包含图像的图像目录交付给我。
我试图解决这个问题的方法是将json数据放在javascript文件中，这个js文件导入所有图像并在json数据中使用这些导入。这种方式的反应将解决这些图像的正确路径。我现在面临的问题是，我似乎无法正确地将这个javascript文件导入/服务到Lottie组件的animationData属性。
这是我到目前为止所得到的。它导致了Uncaught Error: Cannot find module '../../
浏览 0提问于2019-04-03得票数 0
0回答
我正在从后端获取图像，并尝试使用react将其显示在前端。我猜我在获取文件时没有正确设置图像到文件中。因为，我得到了来自服务的响应：
/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAg ...
这是我的代码：
constructor(props) {
super(props);
this.state = {
file: []
}
}
fetchPicture(){
const {match} = this.props
const id = match.params.id
const
浏览 3提问于2017-12-11得票数 2
回答已采纳
2回答
这个问题与Android有关。
我们最近将我们的react本机项目从博览迁移到了裸工作流。然而，我们有一个问题，在运行构建的apk文件时，图像没有加载。
当使用react-native android在模拟器或设备上调试时，一切正常。但是，在构建的apk图像上，根本不会出现。
我们正在按以下方式进行建设
react-native bundle --platform android /
--dev false /
--entry-file index.js
--bundle-output android/app/src/main/assets/app.bundle
浏览 3提问于2020-04-23得票数 0
我正在尝试从JSON文件中动态加载一些图像，我使用的是webpack图像加载器和react。
为此，我使用了几个pngs，当我将变量名放在花括号中时，它就起作用了：
import gratuita from 'images/gift-50.png';
<img src={gratuita} className="pool-icons"/>
但是，当我尝试在JSON文件的帮助下执行此操作时，问题就来了。
我导入我的图像(pngs)如下所示，借助前面所示的webpack图像加载器：
import Baseball from 'images/Bas
浏览 4提问于2017-06-03得票数 1
回答已采纳
3回答
我很难得到一个简单的图像显示在一个简单的应用程序使用Webpack和反应。
我读过这篇文章，尝试过几种不同的方法，但是不断地得到各种各样的错误，或者充其量有时没有错误，但也没有图像显示。
这是我的反应组件：
import React from 'react';
import styles from '../css/main.css';
import Menu from './Menu';
const logo = require('./images/PIVX_Planet_1a_239x83.png');
export de
浏览 6提问于2017-04-06得票数 4
回答已采纳
我试着从我的react原生应用程序将图片上传到S3，方法是遵循并改编heroku的指南：
本质上，我是在我的express.js后端使用aws-sdk来生成预先签名的请求，以便从react原生上载图像到S3。
一切运行良好，所以我尝试将XMLHttpRequests转换为fetch请求，这似乎更受react原生的青睐。转换后，文件仍将上传到S3，但当我单击图像链接时，图像不会正确显示，而是显示一个空的方块：
更具体地说，似乎是这段代码转换导致了它的发生：
发自：
_uploadFile(file, signedRequest, url){
const xhr = new XMLHttpR
浏览 0提问于2016-06-04得票数 1
我正在尝试从我的react前端向我的后端express.js api发送一个图像文件。但在我的console.log中，我只得到了一个空对象，它在后端看起来像{}。在后台不能看到console.log中的文件的react.js应用程序接口调用出了什么问题？
//后台接口
app.post('/api/v1/media', function (req, res) {
console.log(req.body);
res.json('api called');
});
//React JS api call
const files = e.target
浏览 1提问于2019-10-30得票数 0
简短设置、问题和代码摘要 设置 / React.js & PostgreSQL。 我抓取了一本书的ImageUrl，使用Node.js下载并将其存储在图像文件夹中的文件中，然后将文件路径存储在我的postgreSQL数据库中，我想在React前端的<img />标签中获取并显示图像。 问题 我通过我的应用程序接口从我的数据库中获取的图像没有显示，即使我可以在开发工具控制台中console.log图像对象，甚至用图像对象作为JSON响应发出一个成功的邮递员请求。此外，如果我转到localhost:3001/ image -193x278.png，我甚至可以获得显示的图像。我
浏览 31提问于2020-12-31得票数 2
回答已采纳
我正在使用webpack来管理一个reactjs项目。我想加载图片在javascript由webpack file-loader。下面是webpack.config.js
const webpack = require('webpack');
const path = require('path');
const NpmInstallPlugin = require('npm-install-webpack-plugin');
const PATHS = {
react: path.join(__dirname, 'node_m
浏览 132提问于2016-06-07得票数 161
回答已采纳
我第一次尝试在本地机器上创建一个react应用程序。我已经成功地使用'npm I -g create- react - app‘全局安装了' create -react-app’，安装后，当我尝试使用'create-react-app‘创建一个react应用程序时，它创建了该应用程序的文件夹，其中只有两个文件，这两个文件是the items within the created folder，但是，终端显示以下错误： Error: Cannot find module 'cra-template/package.json'
Require stack:
浏览 9提问于2021-09-05得票数 1
1回答
在我的react应用程序(使用webpack)中，我使用了，它在我的project.but中添加了草稿- js 包，我不知道我在哪里使用了draft.js。
我有两个问题。
我怎么知道我在哪用草稿的。
2-draft.js增加了bundle文件的大小。我从node_modules中删除了draft-js，它显示了错误的“草案-js”没有找到。
package.json
"dependencies": {
"antd": "^3.10.9",
"axios": "^0.18.0",
"
浏览 0提问于2018-12-01得票数 1
2回答
在我现有的应用程序中，我在本地安装了库，我可以看到它列在我的package.json中的dependencies下&这个文件夹也存在于node_modules文件夹中。但是，当我在如下所示的文件中引用组件构造函数时：
从google-map-react导入GoogleMapReact；
但是，当我运行代码时，我得到以下错误：
Error: Cannot find module 'google-map-react'
./src/components/partials/Test.jsx Module not found: Can't resolve 'goo
浏览 2提问于2019-08-23得票数 1
2回答
我是一个反应本土化的初学者。我用世博会创建了一个示例应用程序。但我无法导入已安装的npm软件包来编写其显示的500错误，如
从“react本机-设备-信息”导入DeviceInfo；
它显示了一个错误，比如“无法从screens\homescreen.js解析反应本机-设备-信息”。
HomeScreen.js
==========
import React from 'react';
import {
Image,
Platform,
ScrollView,
StyleSheet,
Text,
浏览 0提问于2018-12-06得票数 1
回答已采纳
2回答
我是react.js的新手。我用react.js创建了一个网页，它从json文件(文件在服务器上)获取数据并显示出来。
我希望json文件中的更改应该反映在网页中，而不需要重新加载页面，所以我使用了以下代码：
(这不是完整代码)
getInitialState: function() {
return {data: []};
},
componentDidMount: function() {
this.loadFromServer();
setInterval(this.loadFromServer, 2000);
}
和loa
浏览 5提问于2016-01-09得票数 1
回答已采纳
我有一个react应用程序。在我的package.json "build": "react-scripts build", 运行此构建脚本后： npm run build 所有内容都内置到build文件夹中，并且public文件夹中的所有文件都会按原样复制到build文件夹的根目录中(而不是缩小为块)。因此，我想要复制的任何静态文件都可以放到public文件夹中。 我想复制一个文件，就像它在public文件夹中一样，但是要从不同的文件夹中复制，例如/src/files/config.js 那么最好的方法是什么呢？这是不是类似于在我的应用程序的根目录中添加一个w
浏览 146提问于2020-08-20得票数 1
回答已采纳
我在我的应用程序上有一个用create-react-native-app构建的视频，我正在使用expo.io的视频组件。我正在显示一个本地视频，在我的应用程序上，当连接到互联网时，这是有效的，但当应用程序离线时，视频不能播放/工作/加载。
下面是我的项目结构：
App.js app.json node_modules yarn.lock
App.test.js images package.json
README.md my-app-key.keystore videos
以下是视频播放器组件的代码：
impo
浏览 12提问于2017-08-24得票数 0
我有三个js文件：App.js、PeopleData.js、PeopleDetail.js App.js是包含所有其他组件的主应用程序，包括PeopleDetail.js PeopleData.js包含导入到App.js的JSON数组数据PeopleDetail.js是显示来自PeopleData.js的数据的组件 但我试图将JSON从App.js传递给PeopleDetail.js，它会将其更改为对象而不是数组。 这是App.js import React from "react";
import PeopleData from "./PeopleData"
浏览 14提问于2020-12-07得票数 0
1回答
我使用node/express来存储用户/客户端，在我需要上传图像以设置Brand logo的功能中，如果我将图像URL放入浏览器加载并显示完美，则图像上传良好，图像URL响应是正确的，但我的react中的<img />标记不能正确地呈现图像。
为了上传文件，我使用express-fileupload库。
以下是我的心声和密码：
app.js
...imports and other things
//settings
app.set('port', config.port);
const __filename = fileURLToPath(import.meta
浏览 11提问于2022-07-13得票数 0
我必须从API中获取数据并将其显示为列表，然后当您单击列表中的某个项时，它应该会带您到另一个页面，其中包含有关该项的详细信息。我不知道如何使li元素带我到另一页并提供详细信息
这是我的app.js
import React, { useState, useEffect } from "react";
import CharacterList from "./Components/CharacterList";
import Navbar from "./Components/Navbar";
function App() {
const [
浏览 8提问于2022-09-24得票数 -1
我无法从我的文件夹导入img。
我的代码如下所示
冠军
class Champion extends Component{
render(){
return(
<div className = "championDiv">
<div>
<img src= {'../pic' + this.props.picSource} />
</div>
浏览 0提问于2020-05-21得票数 0
我是React中的新手，在单击相同的图像之后，我尝试隐藏一个图像，然后显示来自其他文件夹的下拉组件。我该怎么做？
我现在被困在不能隐藏相同的图片，它在不同的地方显示相同的图片。
还是有更好的方法来做呢？
下面是代码
import React from 'react';
import mind_zebra from '../../images/MindScribe-zebra.png';
import dropdown from '../DropDown/DropDown.js';
import './entry.css';
cl
浏览 2提问于2018-03-08得票数 1
回答已采纳
2回答
我想在我的应用程序中使用“react原生-图像选择器”。导入并遵循github说明中的安装说明之后。我在逃亡的时候撞车了。它似乎无法定位“反应-图像选择器”或它的依赖关系？
我尝试过初始化一个新项目，并且只安装了图像选择器。我已经尝试运行‘反应-本机链接’和‘反应-本机链接反应-本机-图像-选择’在根。我试过用世博会初始化这个项目。我检查了Metro声称丢失的目录，它们在我看来很不错。
import React from 'react';
import {
StyleSheet,
ScrollView,
View,
Text,
Button
} from &
浏览 0提问于2019-09-05得票数 2
2回答
无法加载响应本机中的静态图像
、、、、
我的文件夹结构：
-assets
-图像
-src
-file.js
我想在file.js中加载我的映像，但是它会抛出错误
<Image source={require('../assets/images/potrait.png')} />
错误：
错误:错误:无法从D:\munish\Desktop\Invictus\reach-app\src\reactNativeCamera.js:解析模块../资产/图像/potrait.png
这些文件都不存在：
potrait.pngassets\images\potrait.png\index(.native|.an
浏览 5提问于2021-10-25得票数 0
上传图像时，在节点js服务器控制台上显示错误: Multipart: server found
下面是我的react原生代码
const createFormData = async (photo, body) => {
const data = new FormData();
console.log("photoooooooooooo",photo.fileName);
data.append("photo", {
name: photo.fileName,
type: photo.type,
uri:
浏览 1提问于2020-05-22得票数 9
1回答
我有一个遗留项目，其中我介绍了webpack/反应前一段时间。
文件夹结构：
-webroot
-img
-web
-project
- webpack.config.js
- package.json
-src
- client.js
现在，我想通过文件加载程序添加图像加载。
webpack配置：
const webpack = require('webpack');
const path = require('path');
const babelConfig = require('.
浏览 0提问于2018-04-18得票数 2
回答已采纳
3回答
我正在处理一个问题，其中SVG图像需要从网址(亚马逊S3)加载到一个反应组件。我能够使用SVG-inline react组件从本地文件中成功地显示和加载图像。但是，svg文件需要从S3存储桶中内联加载，JS svg导入不支持URL。
因此，我正在努力寻找解决此问题的最佳替代方案？
浏览 0提问于2018-10-24得票数 6
我正在构建一个图像网格，其中包含三个组件:父Playlist.js组件，其中包含PlayListAlbumsList.js组件，其中驻留PlaylistAlbumInfoOverlay.js组件。
我已经成功地从我的JSON文件中加载了带有classNames和密钥的图像，但是现在我需要获取{list.albumTitle}，并将其放到PlaylistAlbumInfoOverlay.js组件的h1中。
我不知道怎么配置它。以下是三个组成部分：
父播放列表组件：
import React from 'react';
import PlaylistAlbumsList from
浏览 4提问于2016-05-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
