如何访问assets文件夹中的图像文件？[角度7]
在前端开发中，访问assets文件夹中的图像文件可以通过相对路径或绝对路径来实现。
- 相对路径：相对路径是相对于当前HTML文件的路径。假设assets文件夹与HTML文件在同一目录下，可以使用相对路径进行访问。例如，如果assets文件夹中有一张图片名为"image.jpg"，可以使用以下代码来引用该图片：
<img src="assets/image.jpg" alt="Image">- 绝对路径：绝对路径是从根目录开始的完整路径。可以使用绝对路径来访问assets文件夹中的图像文件。例如，如果assets文件夹的完整路径为"/home/user/project/assets"，可以使用以下代码来引用图片：
<img src="/home/user/project/assets/image.jpg" alt="Image">需要注意的是，使用绝对路径可能会导致在不同环境中出现路径错误的问题，因此在实际开发中，推荐使用相对路径。
对于腾讯云相关产品，可以使用腾讯云对象存储（COS）来存储和访问图像文件。腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云存储服务，适用于存储大量非结构化数据，包括图像、音视频、文档等。
您可以通过以下链接了解腾讯云对象存储（COS）的详细信息和使用方法：
请注意，本回答仅提供了一种解决方案，实际开发中可能会根据具体情况选择不同的方法和工具。
相关·内容
如何显示应用程序/资源下除图像文件夹以外的文件夹中的图像？假设我在assests下有另一个名为im的文件夹。即app/assets/im，我需要在im文件夹下显示一个与图像文件夹下的图像同名的图像，我该怎么做呢？
浏览 2提问于2014-01-30得票数 2
1回答
我试图在IIS 7中配置一个虚拟目录，以定位我们服务器上一个网站的根目录。例如，其结构如下：
Websites:
|
--- AssetsServer
| - /images/
| - /css/
| - etc.
|
--- demoserver
- assets (this is my virtual directory pointing to "AssetsServer")
现在，在demoserver的html中，我要针对“AssetsServer”中的图像文件夹编写以下代码：
浏览 2提问于2013-08-23得票数 1
回答已采纳
import 'package:image/image.dart' as img;
List<Book> _items = [
Book(
id: 'b0',
title: 'Subtle Art',
authors: ['Mark Manson'],
coverImage:
img.decodeJpg(new File('assets/Subtle Art.jpg').r
浏览 1提问于2020-09-02得票数 0
我正在开发一个CodeIgniter - HMVC。
我知道的是:我不应该在代码点火器中的应用程序文件夹中创建像css、js、图像这样的资产，但是我有必要这样做。
**我试图实现的是：**创建一个独立模块，并尝试在另一个项目中使用它。在这种情况下，我真的需要添加必要的css，js，图像文件到模块文件夹它自己。
我得到的错误是：
您没有访问此服务器上的/v7-bitbucket/application/modules/some_modle/assets/bootstrap.min.css的权限。
我该如何克服这一切？请指点。谢谢。
浏览 2提问于2017-05-01得票数 1
1回答
我正在尝试在Vue.js中显示数组中的图像。问题是，当我试图在组件中实现图像时，它会说无法从该路径中找到该图像。组件位于components文件夹内，图像位于assets文件夹内。我甚至尝试创建图像文件夹，并将这些图像从资源移动到图像文件夹中，但仍然显示相同的错误。
<div v-for="number in [currentNumber]" :key='number'>
<img :src="require(currentImage)" />
</div>
...
export
浏览 0提问于2019-07-14得票数 1
3回答
颤振图像不显示
、、、
我想显示一些本地图像，并在屏幕上显示如下：
Image(image: AssetImage('assets/images/addFood.png'))
但我不能看到屏幕上的图像，我没有任何错误。
这里是我所做的：
在我的pubspec.yaml中，我添加了如下所示的图像文件夹：
assets:
- lib/assets/images/
名为"addFood“的图像位于images文件夹中，如下所示：
我想显示一个简单的文本和图像在它下面，我可以看到屏幕上的文本，我正在这样做：
Widget build(BuildContext context
浏览 6提问于2020-07-25得票数 0
回答已采纳
如果不使用Laravel自己的函数(如public/images )，如何访问存储在assets()文件夹中的图像？
我只想获得存储在图像文件夹中的图像的直接URL。
例：
localhost/webapp/images/stackoverflow.png
当请求链接时，我应该得到直接的图像。
浏览 4提问于2014-10-09得票数 50
回答已采纳
我最初将这个项目从windows转移到linux，它在windows上完全正常工作，但是现在没有加载图像。
我有一个形象：
<img src="/assets/s1.png" alt="dinosaur">
只有当我将文件路径更改为/home/user/Desktop/Project/assets/s1.png时，它才会加载到网页上。
图像文件位于assets文件夹中，资产文件夹和html文件都位于Project文件夹中。
奇怪的是，当我将/home/user/Desktop/Project/assets/s1.png改为/Desktop/Proje
浏览 2提问于2022-02-08得票数 -1
回答已采纳
我希望将一个PNG格式的图像文件传递给本机类，以便使用OpenCV执行alpha混合。为此，我需要PNG的所有4个通道。我要传递的图像文件在我的assets文件夹中。我想知道把它传递给原生类的最好方法是什么？谢谢。 我正在与Android Studio 3.3.2和OpenCV4Android 4.1.0一起使用
浏览 10提问于2019-05-19得票数 0
回答已采纳
我在assets：app/assets/images/memphis-mini.png的图像文件夹中有一个图像。 我正在使用这张图片作为背景。 .hero {
background-image: url('memphis-mini.png');
} 在开发过程中，它的工作方式与预期一致。Rails会找到图像并相应地显示背景。 但是，在生产环境中，无法找到该镜像。在控制台中，我可以看到应用程序似乎在错误的位置查找图像： https://billbillapp.herokuapp.com/assets/memphis-mini.png 为什么它不在图像文件夹中查找？它应该在图
浏览 5提问于2019-04-30得票数 0
回答已采纳
2回答
我有两份申请。
1.后端nodejs应用
2.前端nodejs应用
两者都在docker容器中运行。
我的目标是从后端应用程序上传图像，并从前端应用程序访问它们。正如我所猜测的，在容器之间共享图像文件的唯一方法是卷。因此，我在docker-compose文件中创建了一个卷"assets“。但是如何从后端应用程序将数据写入卷文件夹，以及如何从前端应用程序访问卷文件夹。
预期行为
// on backend app
fs.writeFileSync("{volume_magic_path}/sample.txt", "Hey there!");
// on
浏览 5提问于2019-09-01得票数 0
我目前正在将我的图片硬编码到一个接受imageUrl的列表中，如下所示：
final slideList = [
Slide(imageUrl: 'assets/images/dog1.jpeg'),
Slide(imageUrl: 'assets/images/dog2.jpeg'),
Slide(imageUrl: 'assets/images/dog3.jpeg')
];
我有一个assets文件夹，其中嵌套了一个图像文件夹和一个json文件。我正在试图弄清楚如何解析json，这样我就可以避免硬编码我将来会在上述列表中拥有的每一
浏览 3提问于2020-01-30得票数 0
我想使用将位于www/assets/imgs/christmas.jpg中的图像文件复制到dataDirectory文件夹，但是我不知道如何访问www文件夹。我尝试了以下几种方法：
this.file.checkFile(this.file.applicationStorageDirectory, 'assets/imgs/christmas.jpg')
但它总是返回NOT_FOUND_ERR。
浏览 2提问于2017-12-17得票数 1
回答已采纳
我尝试创建用于编辑图片的库。我有主要的js文件，包括所有其他js，css和图像文件。例如，我使用：
$.getScript(site_url + '/vendor/first_folder/second_folder/assets/js/script.js');
我在AppAsset.php上读到了web sets的路径，如果我要询问change @webroot to @vendor..在扩展配置中，我认为这将是错误的。我创建了我的MyAsset.php并在其中设置了这样的配置：
namespace app\vendor\first_folder\second_folder;
浏览 3提问于2015-04-01得票数 3
我正在读尼克·库赫的“如何入门”，我是编程新手。在他的书中有一个步骤，您需要为资源创建一个新的文件夹，然后为图像创建一个子目录。他希望您将图像文件从提供的源代码的assets文件夹复制到新的图像目录中。我是否需要购买apple developer程序才能访问assets文件夹？我在哪里可以找到提供的源代码的这个assets文件夹？
浏览 1提问于2013-04-04得票数 0
我很接近了，但似乎遗漏了一些东西。我已经删除了app/assets/javascripts中的OpenLayers.js、app/assets/stylesheets中的theme文件夹和app/assets中的img文件夹。
我的application.css文件中有*= require theme/default/style.css，application.js文件中有//= require OpenLayers。
我试图在我的locations.js.coffee文件中加载OpenLayers地图，但是img文件夹失败了。OpenLayers尝试从/locations/img/...与/
浏览 0提问于2012-09-05得票数 3
回答已采纳
这个问题是关于在代码触发器框架中使用assets文件夹中的css样式表。如果我想引用css样式的某个图像，比如说，background: url('../images/some_image.gif')。我应该如何引用这个图像，以及我应该提供什么url。我想这样做的方式是，我可以将我的图像文件放在资源的图像文件夹中。
浏览 0提问于2011-07-22得票数 0
回答已采纳
1回答
我下载了railo express 4.2.1，并将其解压到了windows7的C:盘下。我没有做任何配置更改就启动了应用程序，因为我不知道我需要更改什么。我在webapps/根目录中创建了一个CustomerService文件夹，其中包含我的FW/1客户服务应用程序。然而，当我尝试链接到任何其他类型的资源时，ColdFusion代码运行得很好，例如css、js或图像文件，但都找不到。如果我将一个图像放在CustomerService/assets/images/icons文件夹中，并使用它添加一个指向它的链接，则不会显示该图像(而是断开的链接图标)。如果我右键单击并查看图像，我会看到一个页面
浏览 1提问于2014-07-19得票数 0
我有一个角度项目和主页主要是HTML。当我输入"npm start“时，所有图像都成功加载。当我键入"npg build --base-href "/MyProject/“--prod时，当我用唯一的端口创建自己的网站时，主页是空白的。
加载资源失败:服务器响应状态为404 (未找到)。
对于它尝试加载的每个图像
在HTML代码中，它具有以下内容：
<div> <div><p> <img alt="" src="/assets/img/image123.png" /></a>&l
浏览 0提问于2018-11-08得票数 0
在我的pubspec.yaml文件中， 资源：-资源/ -在我的应用程序目录文件夹中- assets文件夹位于....E:\recipes\assets中 为什么在应用程序中找不到或未加载我的图像？图像(图像: AssetImage('assets/spagetti.jpg')) 问:我应该将我的资源文件夹(图像文件夹)放在目录中的什么位置？ enter image description here 在此处输入图像描述
浏览 9提问于2021-08-12得票数 0
1回答
大家好，我是Vue的新手，所以我想知道为什么要创建重复的图像，例如：-当我在编译后使用内联css时，在公共文件夹中再创建一个图像。注意，我在resource/assets/js文件夹中有image/logo.png示例代码
<template>
<Img src="image/logo.png">
</template>
此示例代码位于resource/assets/js中。重要的是，在编译期间，图像文件应该存在于资源/assets/js/ present.is /logo.png中，否则它会抛出错误模块而不是图像，还有任何其他的替代方法，例
浏览 1提问于2018-01-31得票数 0
1回答
当我运行以下命令时：
heroku run rake assets:precompile
我的css、javascript和公共文件夹根目录中的任何内容都是precompiled...however，我的图像文件夹(位于公共文件夹中)没有预编译。
我如何确保我的公共文件夹是预编译的(我希望它们在我的cdn上，按照这里的步骤...)？
浏览 1提问于2013-04-16得票数 0
1回答
我正在做一个使用角7的项目。在这个项目中，我有两个主题。
AdminLTE
LandingTheme
我使用LandingTheme作为我的登陆页面，AdminLTE作为其他部分。
在“我的资产”文件夹中，我将每个主题的文件夹放在那里。对于AdminLTE，我将javascript放在angular.json中
"scripts": [
"src/assets/bower_components/jquery/dist/jquery.min.js",
"sr
浏览 0提问于2019-08-08得票数 0
回答已采纳
2回答
我想上传一个来自Reactjs的图像文件，它位于我的项目文件夹("../assets.cover.png")中，不使用输入，当我尝试import cover from "../assets.cover.png"时，它给了我文件路径，但我需要的是文件元数据来上传它。
基本上，我的最终目的是上传该图像文件，并计算用户上传速度。
浏览 16提问于2022-06-29得票数 0
回答已采纳
4回答
Grails 2.4现在正在使用资产管道来管理和处理Grails应用程序中的静态资产，而不是资源系统。这是相当新的，而且在互联网上还没有多少关于它的文档。
我的问题是，如何正确处理第三方图书馆？
例如，select2 ()库在一个平面文件夹中附带了它的所有.css、.js、图像文件。
应该将不同的文件类型复制到相应的assets/javascripts/、assets/stylesheets/等子文件夹中吗？对于没有像.json、文本或文档文件这样的明显位置的文件，该怎么办？
我应该创建一个vendors/select2/文件夹吗？在哪里，在assets/还是在web-app/？然后，如何
浏览 5提问于2014-05-16得票数 19
回答已采纳
我在Spring项目中部署了我的角(4)项目。Java能够使用recognized，但是外部样式表和图像文件没有被识别。我已经将Css和Image放置在角项目的资产文件夹中。
注意:角项目被部署到webapp文件夹Spring项目中
我将外部样式表包含在角项目的style.css文件中，如下所示
@import url("/assets/css/header.css");
@import url("/assets/css/footer.css");
@import url("/assets/css/content.css");
我在一些样式中
浏览 2提问于2017-10-25得票数 0
1回答
我正在将javascript库集成到rails资产管道中。
javascript期望fonts/和images/文件夹在根级可用，但我认为Rails正在预编译这些文件夹到assets/fonts/和assets/images。
我认为是这样的原因是因为如果我将fonts和images文件夹直接放入public文件夹中，一切都可以工作。
但是，如果我将fonts和images放在apps/assets/fonts和apps/assets/images中，javascript将返回请求的字体和图像的404个错误。
在Rails配置中，我是否可以告诉Rails将这些字体和图像文件夹预编译为publi
浏览 2提问于2015-09-19得票数 2
回答已采纳
1回答
我想要创建一个包含AssetBundle的扩展，它提供了一个简单的静态CSS文件。在这个静态CSS文件中，我想使用一个图像文件，它也是扩展名的一部分。
如何知道图像文件的URL以便在CSS文件中使用它？
如果我将图像文件注册为资产，它将得到我们无法预测的的随机URL！所以不可能做这样的事情：
.some-selector { background: url('/assets/?????/image.jpg'); }
那么，如何才能做到这一点？
为了进一步澄清，下面是此类扩展的文件夹结构示例：
extension/Widget.php -注册我们的AssetBund
浏览 8提问于2017-03-28得票数 0
回答已采纳
我正在用android开发一个应用程序，我有一个图像文件夹，需要使用Gridview(类似于android图库)在我的应用程序中加载和显示它们。在这个任务中，我使用了库。
现在，我的问题是，在应用程序包(即res或assets文件夹等)中放置这个图像文件夹的最佳位置是哪里，以及如何在运行时获得它的路径？
我知道可绘制目录，但我需要的不是这个，例如，我想把我的图像放在res/raw中，但是如何在运行时获得原始目录路径？
浏览 2提问于2015-09-29得票数 0
回答已采纳
我有一个电子锻造应用，我已经准备好打包，但我的静态资产不能在构建的版本中工作。例如，我试图展示我们的徽标：
<img src='/assets/svgs/logo.svg' class='text'></img>
因为在dev中它分出了一个服务器，所以页面的URL是。为了访问我的静态文件，我放置了一个"/“，它在从基本域加载而不是从窗口名称加载时工作：
http://localhost:3000/assets/svg/logo.svg
如果没有第一个"/“，它在这里看起来就不起作用了：
http://localhost:
浏览 2提问于2021-03-22得票数 0
回答已采纳
图像未加载。 我得到了一个错误： Error in reading bitmap - java.io.FileNotFoundException: /data/data/org.nativescript.testdemo/files/app/images/testimage.png (No such file or directory) 文件夹结构“看起来”很好，但很明显iOS和安卓都看不到这些图片。 因此，我将“图像”添加到assets文件夹中，并尝试在webpack.config.js中添加以下行，以查看它是否会使用图像文件夹： { from: 'images/**',
浏览 12提问于2020-11-01得票数 0
回答已采纳
1回答
我在一个子目录中有一个图像文件夹，其中包含一些与主题相关的gfx。如果我想通过以下方式访问它：
<img src="<?php echo get_template_directory_uri();?>/assets/Logo.svg" />
它正在尝试在父主题目录中查找/assets。
如何引用下级主题目录？
浏览 0提问于2018-04-30得票数 1
我有一个react本机应用程序，在这个应用程序中，我使用的是Dexguard。当我完成应用程序的发布构建时，没有一个映像正在加载。我把图片保存在这个文件夹里
ProjectRoot > src>assets>images
我的安卓代码在这个文件夹里，
ProjectRoot > android > app>
看来德克斯沃特混淆了图像文件夹，我怎么告诉右护卫不要这样做呢，我试着补充道，
-keepresourcefiles images/**
和
-keepresourcefiles src/assets/images/**
但这没有效果。如何做好呢？
浏览 24提问于2020-10-22得票数 0
作为fs ，我还没有找到检查文件是否存在的替代方法。在我的特殊情况下，我必须检查assets文件夹中是否存在特定的图像文件，例如：
if (fileExists('path')) { doSomething(); }
我曾尝试安装，但这使用了
const fs = require('fs')
const path = require('path')
这显然不受Angular 7的支持。
有谁能帮上忙吗？非常感谢。
浏览 0提问于2018-11-02得票数 3
回答已采纳
我在公用文件夹中有一个JSON文件，在src/assets/img/中有一个映像，如果必须使用reactjs，我可以这样做：
import flat from "../../../assets/img/two.jpg";
在JSON文件中，我给出了图像文件的确切位置，但它无法定位图像
"apartment_image":"../../../assets/img/two.jpg"
现在它找不到图像文件。我的代码如下所示：
<div className="img-section">
<img clas
浏览 6提问于2022-07-27得票数 1
回答已采纳
2回答
我在一个页面(下面)中有一个脚本，它调用一个jQuery插件并传递到多个图像的路径。图像存储在app/assets/img/bg中，而不是app/assets/映像。
<script>
$(".forms-wrapper").backstretch([
"assets/img/bg/6.jpg",
"assets/img/bg/5.jpg",
"assets/img/bg/7.jpg",
], {
fade: 1000,
浏览 1提问于2017-06-05得票数 2
回答已采纳
5回答
我把图像存储在资产文件夹中的图像文件夹中。
app
-app.component.css
assets
-images
-some-image.png
我试图在css中获取背景图像，但我认为我有路径相关的问题，因为我似乎不能带来图像。
background-image: url(../../../assets/images/some-image.png) no-repeat center top;
我会感谢你的帮助。
浏览 10提问于2017-08-20得票数 4
回答已采纳
我正在建立一个章鱼博客，我正在实施一个替代的搜索实现，。
这需要一个。
我的资产、javascripts和CSS被正确编译和组合，但是我的图像文件夹没有被复制到公用文件夹。
使用更多信息编辑：
我的资产在/source/_assets/javascripts，/source/_assets/stylesheets和/source/_assets/images。
_config.yml中的相关部分
assets:
dirname: assets
baseurl: /assets/
sources:
- _assets/javascripts
- _assets/jwp
浏览 2提问于2013-08-01得票数 1
回答已采纳
2回答
假设我有一个名为Imp的文件夹，其中有一个网页文件夹和一个图像文件夹。我的网页在网页文件夹中，图像在图像文件夹中。那么，我如何从网页中的网页给出图像文件夹中的图像s4.jpg的路径。我的意思是，我应该在img标签的src属性中写什么？
浏览 1提问于2014-02-22得票数 1
在我以前的rails版本的样例项目中，我将以如下方式访问图像
<%= image_tag(product.image_url, :class => 'list_image') %>
既然图像文件夹已经移到了app/assets/，我如何在rails 3.1中做同样的事情呢？
浏览 0提问于2011-09-03得票数 2
回答已采纳
1回答
我想在我的一个组件中添加图像作为背景。我不太确定如何真正定位我的图像文件。我把它放在src/assets/images文件夹中。
这是我的组件的scss：
page-login {
body {
background-image: url(assets/images/cool.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
}
似乎什么都没发生。
我该怎么办？
谢谢!
浏览 1提问于2017-09-23得票数 0
回答已采纳
我正在使用Visual为Windows 8开发一个带有HTML/JavaCript的Windows应用程序。我是WinRT的新手。
创建模板时，我的default.html旁边有一个default.html文件夹。我如何：
从另一个目录(如USB驱动器)打开一个图像文件，并将其复制到“我的图像”文件夹中？
在图像文件夹中创建一个子文件夹？
删除图像文件夹中的任何文件/文件夹？
浏览 4提问于2015-02-01得票数 0
我有一个运行在localhost上的Apache服务器和一个在文档根目录中的图像文件夹。为了获得图像文件夹中的所有图像，我使用了以下代码
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
echo "<pre>";
echo "filename: $file : filetype: " . filetype($dir . $file) . "\n";
$path
浏览 0提问于2012-09-27得票数 0
我正在运行一个rails站点，它有一个capistrano部署过程。我对部署管道以及如何直接从Nginx提供静态文件都有一点了解。然而，我的理解是静态图像文件链接应该被更新以反映新的指纹图像文件名。
例如，在部署之后，我的文件logo_white被放置在公共/资产文件夹中，新的文件名变成：
logo_white-204b61bda69f4aae0c9bb35ca909cdc2.png
但是，在我的application.css.scss文件中，行：
image-url("/assets/logo_white.png");
变成
url(/assets/logo_white.pn
浏览 0提问于2014-05-07得票数 1
回答已采纳
我想我有一个包含以下文件夹结构中的资产的颤振项目
assets ->
images ->
img1.png
img2.png ...
因此，假设我在颤振项目中的多个文件中使用了这个img2.png，并且在一段时间后，我按照下面的方式更改了资产文件夹结构，因为我的资产文件夹中超载了图像。所以新的资产文件夹结构应该是，
assets ->
images ->
login ->
img1.png
signin ->
img2.png
...
因此，在上面的场景中，我根据一个特性更改了图像文件夹结构。如果是这样的话，因为我在多个文件
浏览 4提问于2022-05-23得票数 2
回答已采纳
我有一个img标签，它是用id实现的。
<img src="http://www.beached.tv/assets/pause-c1c0a3d060f908372ebecf2eb7e7c018.svg" id="play-button" />
在我的javascript代码中，我有一个onclick事件来改变id "play-button“的图像源。图像从播放图标变为暂停图标。这是在事件中更改图像的行：
$("#play-button").attr("src", "http://www.beached
浏览 1提问于2014-07-11得票数 0
2回答
我正在征求关于如何在我的项目中的4个目标之间共享资产的建议: A.app、B.app、C.app、D.app
方法1-最佳案例。我尝试过，但没有成功。
创建一个Assets.bundle目标。
在“运行脚本”阶段，将文件从Assets.bundle复制到*.app目标，如下所示：
cd "${BUILT_PRODUCTS_DIR}“ls Assets.bundle { sed '/Info.plist/d‘xargs -t -I {} cp -r Assets.bundle/{} "${CONTENTS_FOLDER_PATH}/”
然而，当我运行应用
浏览 3提问于2012-12-11得票数 1
我已经下载了一些包含多个.css、.js和图像文件的插件，有什么方法可以避免将每个插件拆分到以下三个目录中：
app/assets/stylesheetsapp/assets/javascriptsapp/assets/images
有什么方法可以将所有三种类型的文件放入一个供应商文件夹中并使用它们吗？
浏览 4提问于2012-03-26得票数 1
回答已采纳
1回答
在我的角度应用程序中，我想将所有的assets移到Azure存储中。
理由:我有很多大文件“污染”了我的回购中的assets文件夹。这些是静态文件，不会更改。
我们托管在Azure上，所以我们的想法是将assets文件夹存储在Azure存储上。
我不允许有一个公共的Azure存储文件夹。因此，必须限制对文件夹的访问，例如：
我不知道如何知道如何使用我的保护的存储。
任何想法都欢迎。
浏览 1提问于2021-08-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
