文章/答案/技术大牛

发布

社区首页 >问答首页 >如何将图像从一个js文件导入另一个js文件？

问如何将图像从一个js文件导入另一个js文件？
EN

Stack Overflow用户

提问于 2021-09-01 03:52:57

回答 2查看 179关注 0票数 1

我正在尝试将图像从一个js文件导入另一个js文件。我的第一个js文件是函数组件Track.js。

import React from 'react'
import { screenimage, screenimage1 } from "./srcimages.js";

function Track() {
    return (
        <div>
            Hello Component
            <img src={screenimage} alt=""/>
            <img src={screenimage1} alt=""/>
        </div>
    )
}

export default Track

我的第二个js文件是const image.js。

const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg';
const screenimage1 = 'https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png';

我试图在一个js文件中创建多个映像源的集合，并将其作为img <img src={here}/>属性导入。我尝试了上面的方法，但是它显示了src的空值。

UPDATE从这篇文章中删除标签"typoscript“

javascript

reactjs

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-09-01 03:58:24

您需要从image.js文件导出图像。检查下面的代码：

export const screenimage = "https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg";
export const screenimage1 = "https://www.publicdomainpictures.net/pictures/320000/velka/background-image.png";

票数 2

Stack Overflow用户

发布于 2021-09-01 03:56:20

因此，尝试将导出添加到const后面

喜欢

export const screenimage = 'https://image.shutterstock.com/image-illustration/shopping-online-concept-modern-design-260nw-1934432345.jpg',

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69013242

复制

js文件中模块化导入swiper.js文件方法

commonjs

es6导入：在js文件顶端 import Swiper from "../../assets/javascripts/swiper.min"; import '../../assets/styles/swiper.min.css'; const mySwiper = new Swiper('.swiper-container', { slidesPerView: 'auto', centeredSlides: true, spaceB

蓓蕾心晴

2019/07/04

3.8K0

JavaScript、js文件、Node.js、静态文件

javascript node.js https 网络安全网站

JavaScript（简称“JS”）是一种解释型的脚本语言。广泛用于Web应用开发,对页面事件做出响应。

全栈程序员站长

2022/11/15

6.4K0

前端纯js导入导出json配置文件

前端

在做后台系统需求的时候，有个需求是需要把当前表单配置导出，在另一个配置项下，导入这些配置，相当于做了一下配置拷贝。通常我们导出下载一个文件，是先向后端发起请求，由后端处理数据后，再返回文件。

挥刀北上

2023/06/01

2.2K0

javaSE之如何将一个文件复制到另一个文件

java

1 /* 2 * (1). 文件字符输入,输出流 3 * 文件字节输入，输出流的read和write方法使用 4 * 字节数组读写数据，即以字节为单位处理数据，因此，字节流不能很好的操作Unicode字符 5 * ，比如，一个汉字在文件中占用2个字节，如果使用字节流，读取不当会出现“乱码”现象 6 * (2).字符输入流和输出流的read和write方法 7 * 使用字符数组读写数据，即以字符为基本单位处理数据 8 * 9

Gxjun

2018/03/22

1.7K0

如何将sql文件导入mysql

数据库 sql https java 云数据库 SQL Server

第三步：如果sql文件的内容中有创建数据库的语句或者你想将表存放在你已有的数据库，在这里就不用创建数据库。

全栈程序员站长

2022/07/21

6.3K0

其他

** * 复制单个文件 * @param oldPath String 原文件路径如：c:/fqf.txt * @param newPath String 复制后路径如：f:/fqf.txt * @return boolean */ public void copyFile(String oldPath, String newPath) { try { int bytesum = 0; int byteread = 0; File oldfile = new File(oldPath

shirayner

2018/08/10

9990

js文件上传的几种方式_java执行js文件

https 网络安全 html php ajax

工作中用到了Ajax上传文件的情景之前自己不知道ajax可以传通过文档发现XHR2.0已经支持了但需要集合FormData

全栈程序员站长

2022/11/17

10.4K0

如何将 IPhone 的文件导入 Linux

iphone ios tcp/ip linux access

如何将 IPhone 的文件导入 Linux 完全免费方案。方法一：使用 Koder 的 Local File Access 功能这方法不需要在 Linux 端做任何配置。 IPhone 端安装 koder 进入应用 Koder 点击右下角的 Settings 进入 Local File Access 选择 Enable Local File Access 你可以看到一个链接，比如： http://192.168.1.3:9898 拷贝文件到 koder

绿巨人

2021/03/08

2.1K0

使用express框架，如何在ejs文件中导入外部的js、css文件

express html css javascript

最近在用nodejs写一点东西，当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。

acoolgiser

2019/04/18

6.4K0

java 把文件从一个目录复制到另一个目录

copy

方法一：简单粗暴，直接使用copy()，如果目标存在，先使用delete()删除，再复制；

崔笑颜

2020/06/08

1.9K0

Vue.js – 引入外部 JS 文件

https 网络安全 javascript

全栈程序员站长

2022/11/09

41.4K1

node.js 读取文件目录下的所有文件，JS读取文件目录

node.js

文件目录结构如下图：代码1.js：进入test目录：进入ch目录： 1.js: var fs = require('fs'); var join = require('path').join;

acoolgiser

2019/01/17

14.2K0

js文件分片上传

file formdata url

写在前面今天我们写一下关于js的分片上传，因为工作中很多时候上传文件是比较大的，为了不让卡死，我们可以使用分片上传的方式进行文件的传输，下面就简单的将思路梳理一下，然后贴上代码思路分析既然是分片上传，那么首先要知道不分片的时候是怎么上传的，我们一般是直接使用file文件然后将其放到formData对象中，作为参数上传，这是最基本的一种方式，分片其实就是将这一个整体的操作进行多次，每一次的数据量根据我们的定义进行分，也就是说，假设一个文件的大小是10Mb，我们将其分为十份，每一份都按照前面所的完整的

何处锦绣不灰堆

2023/03/07

7.6K0

python执行js文件

python

#!/usr/bin/python # -*- coding: UTF-8 -*- import execjs,os #执行本地自定义的js print execjs.compile('function test(){' 'return 5' '}' '' '' '').call("test") #获取系统的路径 paths=os.path.dirname

py3study

2020/01/13

6.8K0

Js文件异步加载

node.js javascript 渲染

浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于<body>后的原因，Js文件异步加载就是使浏览器加载外部Js脚本文件时不阻塞渲染线程，这称为非阻塞模式加载，当然加载完成之后解析执行Js脚本时必须与渲染引擎互斥，解析执行Js脚本的时机取决于异步加载Js的方式。

WindRunnerMax

2020/08/27

10.4K0

js文件导入swiper方法及分页器不显示原因

https npm 网络安全官方文档

我们查看官方文档，只有通过<script>标签引入swiper轮播库的方法，如果我们想要在js中通过npm包的方式安装和导入，参考以下方法：

蓓蕾心晴

2021/05/20

1.4K0

动态加载JS文件

const scriptEl = document.createElement('script'); scriptEl.onload = scriptEl.onreadystateschange = function () { if (!this.readyState // FF onload || this.readyState == 'loaded' || this.readyState == 'complete' // IE onreadystateschange ) {

路过君

2021/12/07

20.4K0

vue动态引入js文件的方法_vue如何引入js文件

https 网络安全

全栈程序员站长

2022/11/10

10.6K0

vue调用js文件_vue调用其他js文件中的方法

vue.js jquery npm https webpack

(1) 首先 npm install jquery –save (–save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)

全栈程序员站长

2022/11/08

18.9K0

go :复制文件内容到另一个文件

本文实验，从一个文件拷贝文件内容到另外一个文件代码 package main import ( "fmt" "io" "os" ) func copyFileContents(src, dst string) (err error) { in, err := os.Open(src) if err != nil { return } defer in.Close() out, err := os.Create(dst)

IT工作者

2022/07/22

5480

相似问题

如何将外部JS文件导入另一个JS文件？

如何将另一个js文件导入到js文件中？

如何将多个导入js文件包含到另一个js文件中

如何从一个.js文件调用另一个.js文件？

将外部js文件导入另一个外部js文件。

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何将图像从一个js文件导入另一个js文件？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

如何将外部JS文件导入另一个JS文件？

如何将另一个js文件导入到js文件中？

如何将多个导入js文件包含到另一个js文件中

如何从一个.js文件调用另一个.js文件？

将外部js文件导入另一个外部js文件。

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将图像从一个js文件导入另一个js文件？EN

回答 2

Stack Overflow用户

Stack Overflow用户

如何将外部JS文件导入另一个JS文件？

如何将另一个js文件导入到js文件中？

如何将多个导入js文件包含到另一个js文件中

如何从一个.js文件调用另一个.js文件？

将外部js文件导入另一个外部js文件。

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将图像从一个js文件导入另一个js文件？
EN