1回答
我在Keras中创建了一个模型，并将其转换为Tensorflow.js模型并将其加载到我的node.js项目中。现在我想在Tensorflow.js中从这个模型中得到预测。我想出了如何加载一个图像：
var singleImageData = fs.readFileSync('path/to/image.jpeg');
var image = tf.node.decodeImage(new Uint8Array(singleImageData), 3);
image = tf.cast(image, 'float32');
//other image proce
浏览 3提问于2021-02-10得票数 1
回答已采纳
我在scss文件中为我的站点主页中的div设置了image为background-image： background-image: url('../../../assets/images/map.png'); 这在使用ng serve时可以正常工作。 但是当我使用npm run build:ssr构建并运行node server.js时，镜像被加载了两次-第一次加载失败，第二次成功： ? amyar24.com 在server.js中更改为background-image: url('map.png'); 如何避免两次加载该图像？
浏览 27提问于2019-09-25得票数 0
回答已采纳
我知道我可以像这样预加载一个镜像：
CSS：
#preload {
background-image: url('image-to-be-preloaded.png');
}
JS：
(new Image()).src = 'image-to-be-preloaded.png';
然而，当加载上述图像时，浏览器会显示“加载图标”(在Firefox和Chrome上，这是在标签上的图标中)。我是否可以预先加载图片，而不会让用户感觉页面仍在加载？
浏览 0提问于2013-07-27得票数 1
1回答
P5拖放不加载
、、
我一直试图使用下面的P5引用中解释的拖放方法来实现load函数。但是，在将图像拖到画布的第一个实例中，图像将不会加载。第二次尝试将很好地加载图像。这发生在我试图加载到画布上的每一张“新”图像中。
当注释掉“.hide”时，您可以看到图像数据在第一次尝试时已成功加载。我对如何纠正这一问题感到有点困惑。
谢谢任何能为我指明正确方向的人。
index.html
<!DOCTYPE html>
<html>
<head>
<script src="p5.js"></script>
<
浏览 0提问于2018-03-23得票数 1
回答已采纳
在我的Next.js应用程序中从本地目录加载图像时，我得到了以下错误
未能编译./pages/components/image.png 1:0模块解析失败:意外字符'�‘(1:0)您可能需要一个适当的加载程序来处理此文件类型，目前还没有配置加载程序来处理该文件。参见 (此二进制文件省略的源代码)
I安装了这个加载程序
$ npm install file-loader --save-dev
My webpack.config.js
module.exports = {
module: {
rules: [
{
test: /\.(png|jpe?g|gif)$/
浏览 3提问于2021-06-16得票数 3
回答已采纳
1回答
我正在创建一个天气应用程序，它与反应和测试它的酶，在每个页面重新加载和最初的页面加载背景图像应该改变/加载
App.js
function App() {
const [background, setBackground] = useState('');
async function fetchBgImage() {
// getRandomImage returns a link fetched from the api
setBackground(await getRandomImage());
}
useEffect(() =>
浏览 2提问于2019-12-25得票数 2
是否有方法导入图像并将其应用于og:image标记？我有以下nuxt.config.js：
module.exports = {
mode: 'universal',
head: {
title: 'title name',
meta: [
// { hid: 'og:image', property: 'og:image', content: process.env.BASE_URL + ogImage },
],
},
// ...
};
在普通的vue项目中，通过使用i
浏览 0提问于2018-10-06得票数 11
回答已采纳
我的目标:当我点击一个链接时，我希望将一个外部页面(带有图像上传表单)加载到一个jQuery UI对话框中，并让它提交AJAX样式。
My的问题：对话框加载外部PHP页面很好，我可以通过AJAX提交表单--使用这里显示的jQuery表单插件( ) --但是由于某种原因，AJAX提交在对话框中无法工作，只有当我直接查看页面时。它只是加载页面本身，就好像JS被关闭了一样。
下面是显示对话框的父页面：
port_edit.php (报头)
<script type="text/javascript" src="../common/js/jquery-1.4.2
浏览 3提问于2010-09-02得票数 1
3回答
嗨，我有一个关于在JS或jQuery中预加载图像的问题。我得到的是一个图像，我基本上想要在一个图像中重复16次
<li>image here</li>
结构。我开始的时候基本上是把它插入到列表中，如下所示。
<ul>
<li>image</li>
<li>image</li>
<li>image</li>
</ul>
在我的HTML中16次。工作，但不是很漂亮，也不是很有效率。如果我想在js中预加载图像，然后将其插入到HTML列表中。我已经找到了一些不同的方
浏览 1提问于2012-09-11得票数 1
回答已采纳
我正试图在旅行者中为Tinymce添加一个插件，但是我一直无法从url net::ERR_ABORTED 404 (未找到)获得加载插件:模板。
我尝试过将插件文件夹放置在公共或供应商tcg公用文件夹中，但是没有任何效果。我也尝试从外部加载插件，仍然没有运气。
有人能帮忙吗谢谢。
function tinymce_init_callback(editor) {
console.log('Init!');
editor.remove();
editor = null;
tinymce.init({
menubar: false,
浏览 4提问于2021-10-21得票数 0
1回答
我是Ionic/AngularJS的新手。我需要在单个视图中显示Image Carousel，因此需要在该视图中加载相应的JS (carousel.js)。我不想把js文件放到index.html文件中，因为它会被加载到所有的页面中，我只需要在一个特定的页面中使用它。
我的问题是如何在特定视图中加载此JS？
提前感谢
浏览 0提问于2015-08-17得票数 5
我正在three.js场景中加载obj + mtl模型。
在mtl文件中，我定义了三种材料，它们都以jpg文件作为纹理。
当我加载模型时，它工作得很好，但是当我检查childs (看上去是child.material.map.image)时，其中一个材料将纹理加载为jpg文件，其他两个加载纹理作为画布元素。
我需要强制在child.material.map.image中将所有纹理作为jpg文件加载，并防止将它们作为画布元素加载。
有什么方法可以避免three.js创建画布元素来处理加载的纹理并强迫它加载jpg文件呢？
提前谢谢。
浏览 5提问于2014-11-11得票数 2
回答已采纳
1回答
在加载内容之前显示gif
、、、
如果这个问题已经被回答了无数次，我很抱歉，因为我已经看到了很多次，只是不完全是我想要的。
所以我只有一个基本的HTML页面，如下所示：
<!DOCTYPE html>
<head>
<title>Loading GIF</title>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moder
浏览 0提问于2015-10-23得票数 1
我一直在尝试在react内部的外部web组件中渲染图像，但无法做到。 我正在开发一个反应应用程序，它将使用HTML模板，可以在浏览器中运行，模板类似于： <script src="https://assets.some-domain.com/someBundledjs.js"></script>
<ParentForm>
<ChildForm name="entryForm" image-src="https://www.image-domain.com/person1.jpg">
<
浏览 15提问于2020-11-20得票数 0
我正在写一个在化学反应中在屏幕上画粒子的应用程序。
我编写了一个Particle类，希望在这个类中处理在P5.js中加载图像的异步性质。
我的想法是，如果我将loadImage()函数包装在一个承诺中，我应该能够加载所有粒子粒子异步，然后让绘制代码在P5图像对象解析后立即执行。
使用loadImage()的回调功能，这段代码工作得很好，但我最终不得不将图像对象交给物理库来建模粒子运动以及其他构造函数，因此，承诺模式似乎是正确的解决方案。
class Particle {
constructor(name) {
// Set properties on the Part
浏览 0提问于2019-01-12得票数 2
回答已采纳
我正在zend框架中逐步学习AJAX。我使用作为第一步，并接受这个问题的答案是为我工作。现在，我希望使用JSON加载多个DIVs。这是我的计划。
IndexController.php:
class IndexController extends Zend_Controller_Action {
public function indexAction() { }
public function carAction() { }
public function bikeAction() { }
}
index.phtml:
<script type="t
浏览 2提问于2010-07-24得票数 2
回答已采纳
我有一个小的*.html文件显示并定期更新一个*.png文件。为了防止在重新加载过程中闪烁，我在代码中预加载了图像。
虽然我观察到，在一些引用(似乎是随机的)，图像只显示部分(1/2至1/3的下部是空白白色)，并需要延迟完成加载。
我怎么才能阻止这一切？
index.html
<html>
<body onload="update();">
<script src="update.js"></script>
<div id="container">
浏览 3提问于2017-11-16得票数 0
回答已采纳
0回答
我正在创建一个延迟加载函数，并希望在成功加载后将图像附加到DOM中，以创建平滑过渡。
我有一个函数，它循环遍历具有特定类的元素列表，每次滚动时，元素列表都会逐渐变小。
一旦该列表中的图像被认为是“可见的”，我添加了一个类，它不再被函数计算。
我通过data属性获取SRC，并创建一个新的Image()；
我做了一些css属性操作，并在添加onload函数后添加了src。
这在大约1/3的时间内有效，大多数图像都不会触发onload回调，也不会添加到DOM中。
我的脚本如下：
var lazyClass = 'js-lazyload';
function lazyLoader()
浏览 9提问于2018-07-17得票数 0
回答已采纳
我想要game.js，它只在所有必需的图像都已预加载时才会开始执行。我能想到的最好的方法是：
var numberOfImagesToPreload = 2;
var imgsLoadedSoFar = 0;
var sources = ['player.png', 'terrain.png'];
for(let i = 0; i < sources.length; i++) {
var anImage = new Image();
anImage.src = sources[i];
anImage.onload = funct
浏览 1提问于2018-03-08得票数 0
这听起来绝对可笑，但我不能，为了我的生活，在我的角度工程支架上展示webpack的内联图像。每次使用有效的图像路径(无论是在<img>标记中还是在我的require('/app/image.png')中，我都会得到以下错误：
解析文件时意外的字符“�”(1:0)：/app/image.png
我试过使用几乎每一个图像加载器、文件加载器、静态加载器等等--我尝试过不同的图像和这些图像的不同位置。我哪里出问题了？
下面是来自webpack.config.js的当前图像加载程序：
{
test: /\.png$/,
loader: "url-lo
浏览 1提问于2016-04-20得票数 1
我目前正在为不同的断点(桌面、平板电脑、移动设备)加载多个图像，并通过它们进行ng-repeating，然后隐藏当前不应该显示的图像：
<img ng-repeat="img in module.imgs" src="{{img.src}}" class="image-{{img.type}}" style="top: {{img.pos}}px">
当一次只显示一个图像元素时，此ng-repeat会导致所有三个图像元素都作为元素加载。
desktop.png GET 304 png angular.js:3151 2
浏览 0提问于2015-12-03得票数 0
我见过几个页面通过新的Image.src =‘’将它们的javascript文件加载到一个页面中；
<script type="text/javascript">
new Image().src = "XXXX\/js\/jquery-1.7.2.min.js";
</script>
我只是想知道这样做的好处或目的。
浏览 0提问于2013-04-30得票数 9
回答已采纳
我试图通过首先导入映像并将其保存为变量来加载本地映像。一旦有了它，我就把它传递给图像标记中的src属性。
我已经安装了文件加载器，但是图像仍然没有加载到我的web视图中。奇怪的是，当我在Chrome中打开检查器时，图像标签丢失了它的src属性。
下面是我在检查开发工具中看到的内容：
下面是我如何创建和传递图像src：
在我的src/app/page/homepage.js中：
从‘./ .. /components/ image /prizes.png’导入图像；.
My Image组件，在src/app/components//Image.js中：
从' React‘导入Pr
浏览 3提问于2021-01-15得票数 0
回答已采纳
1回答
镜像路径问题
、、
我有几个css文件和js文件的图像，我们ASP.Net MVC。在服务器中部署后，镜像将从路径加载，而实际镜像在中
我尝试了几个路径，比如/Images/image.png
../Images/image.png
图像/image.png
../../Images/image.png。
然而，浏览器总是试图直接从不存在的域下的Images文件夹加载它。
浏览 0提问于2015-04-18得票数 1
我正在尝试解决如何确定svg图像何时加载到浏览器中。我用的是拉斐尔JS，我试过了：
var image = paper.image(path, 0,0,10,10);
image.node.addEventListener('load', function(){alert("test");});
和：
$('image').on('load')
一切都无济于事。我还使用了"onload“和"onsvgload”，它们都不起作用。
是否可以确定svg图像是否已实际加载？
我甚至尝试使用Image()对象加载图像，
浏览 1提问于2013-02-14得票数 6
回答已采纳
4回答
我使用ajax加载内容，在它将内容加载到#content div之后，我放在main.js上的效果对加载的内容不起作用。例如，这个不起作用：
/* Artworks Hide/show text */
$(".item").hover(function() {
//fadein second image using jQuery fadeIn
$(this).find(".art_title").fadeIn(200);
},
function () {
//fadein first image using jQuery fadeIn
$(t
浏览 6提问于2012-10-12得票数 1
回答已采纳
1回答
如何在延迟加载时使图像可见
、、、、
我试图使用jquery“惰性加载”一堆图片，但是当加载页面时，它们不会出现在屏幕上。我知道xhtml，基本的js和css。我见过许多不同的“惰性加载”的解决方案，但我还没能让它们中的任何一个工作。
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
浏览 0提问于2014-10-20得票数 0
2回答
我有一个带有一些定制js的小部件：
class ImagePreviewWidget(ClearableFileInput):
...
class Media:
css = {
'all': ('css/image-preview-widget.css',)
}
js = ('js/image-preview-widget.js', )
自定义js使用jQuery，它是独立加载的，因此我需要将模块初始化包装在：
window.onload = funct
浏览 2提问于2015-10-31得票数 0
回答已采纳
我知道如何将图像从数据uri加载到fabric js中。但是，如果数据uri来自另一个url，我无法弄清楚如何加载图像。我有一个接受图像URL并返回base64图像数据的PHP脚本。
<?php
$path = $_REQUEST['url'];
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_
浏览 1提问于2015-07-16得票数 0
1回答
我正在尝试使用leaflet-image插件获取快照。我得到了这个错误：
leaflet-image.js:195 Element could not be drawn on canvas <svg class="leaflet-zoom-animated" width="1220" height="790" viewBox="-24 -16 1220 790" style="transform: translate3d(-24px, -16px, 0px);">…</svg&
浏览 21提问于2016-09-27得票数 0
我在一个运行JScript前端的旧内容管理系统中运行了一个google地图，调用PHP来满足请求。虽然在V3之后，Google Maps API现在可以生成TypeError window.Image is not a function，但一切都运行得很好。
以下跟踪来自Google Chrome浏览器
Uncaught TypeError: window.Image is not a function
k3 @ stats.js:2
Uncaught TypeError: window.Image is not a function
vB @ util.js:9
这是用于加载地
浏览 2提问于2015-12-20得票数 0
1回答
如何使用数据URI延迟镜像加载？
、、、、
我使用data URI加载一个页面的图像，并将script放在HTML的末尾。与对图像src使用普通url不同，数据将直接加载到html页面的HTTP请求中。
因此，script将在页面末尾加载得很晚，因为我通过这种方式加载了数百个图像数据。
我想提前加载脚本或与imate的加载异步加载，有没有办法延迟图像data的加载
<div>
<img src="data:image/png; base64, .........." alt="">
<img src="data:image/png; base64, .....
浏览 1提问于2011-11-12得票数 0
回答已采纳
我试图使用以下方法导入图像：
import image from 'image.jpeg';
弹出以下错误。
加载模块脚本失败:服务器响应非JavaScript类型的"image/jpeg“。根据HTML规范，对模块脚本实施严格的MIME类型检查。
在我的index.html中，我将我的主脚本文件导入如下：
<script src="index.js" type="module"></script>
然后在index.js中：
import image from 'image.jpeg';
浏览 0提问于2019-08-05得票数 0
回答已采纳
我正在尝试使用带有cloudinary.com和cloudinary装载器的next/image组件。但是我的图像不能用加载器显示，它只在没有加载器的情况下显示。
不带加载器
next.config.js文件：
module.exports = {
images: {
domains: ['res.cloudinary.com'],
},
}
我的镜像组件：
<Image src="https://res.cloudinary.com/eminvarol/image/upload/v1625915405/index-backr
浏览 3提问于2021-07-10得票数 1
3回答
我有这个JS代码，如果它第一次尝试加载的图像花费了太长的时间，它应该加载另一个图像：
var image = new Image();
image.src = "firstimage.jpg?cookie=" + encodeURI( document.cookie );
setTimeout
(
function()
{
if ( !image.complete || !image.naturalWidth )
{
image.src = "backupimage.jpg";
浏览 0提问于2018-01-13得票数 0
2回答
我们可以将图像src与src和ng-src结合使用在角js中。
<img src="theme/image.png" alt="Image"/>
和
<img ng-src="theme/image.png" alt="Image"/>
我不觉得他们之间在显示image.is有什么不同吗？我有一个从外部站点加载视图的项目，是否需要将每个src更改为ng-src？当我试图加载大量图像时，它是否会产生任何性能问题？
浏览 4提问于2015-07-01得票数 2
回答已采纳
1回答
我有一个问题，加载一个缩略图到div，然后在它上使用云缩放，基本上html是这样的：
<!-- The Original Image -->
<p class="product-image product-image-zoom replace">
<a class="cloud-zoom" id="zoom1" href="src/to/img.jpg" rel="adjustX: 10, adjustY:-4">
<img id="" src="s
浏览 2提问于2012-05-18得票数 1
我的项目中有这样的警告：“警告:失败的属性类型:提供给Image的属性source无效”。我正在从sampleProducts.json加载一个图像到Recommendend.js，并在Products.js中将其作为道具传递，但由于警告，图像不会加载。
sampleProducts.json
"recommended": {
"product1": {
"id": "1",
"image": "require('../images/sample1.png&#
浏览 0提问于2018-02-12得票数 0
1回答
我编写了一个简单的JavaScript幻灯片，在经过一段时间后，通过CSS背景属性更改了背景。问题是，在带宽低的设备上，当图像未加载时，幻灯片显示空白图像。我的解决方案是预加载所有图像，并在加载所有图像时启动幻灯片显示。我如何预加载图像并使用它们作为背景？
index.html：
<html>
<head>
</head>
<body>
<div class="jumbotron" style="width:200pt; height:200pt"></div>
浏览 2提问于2020-06-10得票数 1
假设我要生成一张发票，该发票包含公司的徽标和其他图像，每次生成发票时都会使用这些图像。 我是否必须将这些图像从存储桶中取出？或者，我是否可以将其加载到functions目录中，并从那里使用它，类似于将serviceaccount.json文件加载到函数中的方式？ 编辑:我的想法是 functions/
├── index.js
├── image.jpg 在index.js中 const path = require("path");
const pathToImage = path.join(__dirname,'/image.jpg');
浏览 13提问于2020-10-15得票数 0
回答已采纳
我需要开发一个完全静态的网站。这个网站有很多子页面。因为标题部分对所有子页面都是通用的，所以我将标题部分放在header.html中，并在每个子页面完成加载时使用jquery加载它。此header.html还从图像文件夹中加载图像。如果我把所有的子页都放在根目录下，这是没有问题的。
但是，由于有许多子页面，我想将它们重新排列在子文件夹中。但是，当加载子页面时，我的图像不会加载图像，除非我将路径更改为‘../ header.html /image.png’。这样做将导致在此路径更改后加载index.html时出现相同的问题。
每个文件的简化站点结构和代码如下所示。有人能给我一些关于如何克服这个问
浏览 2提问于2017-06-13得票数 0
我正在两个不同的页面在一个网站中使用baguetteBox.js：
主页
画廊
在图库中，它工作得很好，但在主页中，我找不到为什么lightbox控件(即：id="baguetteBox-overlay")出现在网页底部，如下所示：
在这两个网页中，我加载相同的资产，控制台不显示任何错误。
你可以看到它的现场直播：
主页： <- -有问题的
画廊：
too _baguettebox.js/1.10.0 (也使用Bootstrap 4)
知道怎么修吗？
相关守则：
在主页上，
<section class="galle
浏览 1提问于2018-05-24得票数 1
回答已采纳
我正在建设一个新的网站，并在基础阶段，我试图评估最好的方式加载图像。浏览器有2-6项的限制，它可以同时加载(映像/css/js)。通过小道消息，我听到了各种不同的方法，但没有确切的答案，实际上哪一个更快。
相对URL：
background-image: url(images/image.jpg);
绝对URL：
background-image: url(http://site.com/images/image.jpg);
绝对URL(带有子域)：
background-image: url(http://fakecdn.site.com/images/image.jpg);
浏览器是否
浏览 3提问于2011-08-30得票数 1
回答已采纳
2回答
在中，是否可以预加载通过imported导入的图像？
我想要一种将js文件中的以下内容组合起来的方法
import image from './image.svg';
下面是我的index.html文件
<link
rel="preload"
as="image"
href="???/image.svg"
/>
浏览 8提问于2021-01-27得票数 1
2回答
我有一个网站，加载项目，并使用jquery无限滚动插件加载更多的项目作为用户滚动。
当用户将鼠标悬停在某个项目上时，会在该项目上显示更多的小div。很简单。在鼠标悬停时显示哪些div取决于用户所在的页面，因此它们依赖于知道他们所在的页面。我使用一个简单的变量来解决这个问题。
我使用以下js来决定显示哪些div。例如来自主页
<script>
$(".list_item_image").mouseenter(function () {
$(this).children(".gl_view2").show();
$(this).chi
浏览 1提问于2012-08-27得票数 0
我希望在react存储库中加载放置在公共目录下的图像。如果我将所有组件放入App.js (默认路径设置在index.html中)，它将自动加载。但是，我将应用程序提取到由父组件App.js呈现的不同组件。这里的子组件是rendermovies.js。如何修改rendermovies.js内部的路径？
以下是react项目下的文件体系结构：
public
├── favicon.ico
├── index.html
└── manifest.json
src
├── App.css
├── App.js
├── img
│ └── image.jpg
├── index.css
├── i
浏览 0提问于2019-06-01得票数 0
回答已采纳
2回答
我正在制作一个脚本，在这个脚本中加载直到图像准备就绪，并且只有当图像被完全加载时，加载隐藏并显示图像。
但是，这不是我计划的那样，这是我的代码
<script src="jquery/jquery-1.9.1.js"></script>
<script src="loading.js"></script>
<link rel="stylesheet" type="text/css" href="loading.css"/>
<body>
浏览 6提问于2013-11-24得票数 0
回答已采纳
以下是我正在努力实现的目标。
我有一个主库，需要加载几个其他库，这些库需要在主库之后加载。
所有辅助库都要求加载主库。
有什么东西是类似于垫片的反面吗？
primarylib.js第二次.第二次.第二次.
我想称之为：
require(['primarylib'], function(){
})
应该先加载primarylib.js，然后加载所有辅助库。
如果使用普通的shim方法，则需要设置每个辅助库以要求主库。当我想调用库时，我需要调用require()调用中的所有辅助库，而不是我想要不惜一切代价避免的单个库。
编辑:一些附加注释和上下文
我正在尝试实现blueimp
浏览 2提问于2014-08-18得票数 0
回答已采纳
1回答
我开发web应用程序，但我不能加载图像。可以通过Static()方法加载.css和.js文件。图像也一样吗？如何使用Gin将图像加载到web应用程序？
router.Static("/css", "./css") // this is loading css file
router.Static("/js", "./js") // this is loading js file
// How to load Image?
浏览 12提问于2017-01-20得票数 2
回答已采纳
2回答
我正在使用这个javascript来调整我网站上的图片的大小。但是当我加载页面时，它似乎没有加载javascript。这是我的javascript：
$(document).ready(function () {
$("img.picture").each(function () {
var maxWidth = 100; // Max width for the image
var maxHeight = 100; // Max height for the image
var ratio = 0; // Used for aspect rat
浏览 0提问于2011-10-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
