我正在尝试用Nightwatch.js编写一个脚本，以验证给定页面上的图像是否正确加载。我已经设法让它循环浏览页面上的图像，并为我提供URL，但我无法让它加载图像并返回宽度/高度。(其思想是检查以确保宽度>0，以确保其正确加载。)
我在下面的脚本中得到了“完成”消息，但从未看到“已加载...”、宽度、高度或“！”值输出。
对于使用Nightwatch.js验证图像是否已加载的不同方法，我也完全持开放态度，但当前练习的目标是使用Nightwatch.js。(我们还在调查其他损坏的图像检查，但我正在探索将其与我们正在使用Nightwatch.js进行的其他测试一起进行。)
browser
浏览 4提问于2018-02-22得票数 0
回答已采纳
我试着在网上保存相机拍摄的照片。但图像大小超过一MB。
我偶然发现了decodeWidth和decodeHeight属性，但不知道它是如何工作的。是否有可能缩小从这些属性获取的图像的大小。
<StackLayout>
<Image src="" decodeWidth="400" decodeHeight="400" loadMode="async" />
<Label text="With loadMode set to async the UI won't be b
浏览 0提问于2019-06-04得票数 0
回答已采纳
1回答
如何为电子商务项目优化图像？
、、、、
我们正在进行一个带有节点js和颤振的项目。我们使用一个S3桶来存储图像。为了便于加载，我们需要将图像优化到最小。我们使用来自后端的压缩，这会导致不同图像的随机图像大小。当这些图像在photoshop上调整大小时，首选大小为500 * 500 px，(也使用200 *200 px，300 *300 px)，则会产生相同大小的图像。我们能做些什么来最小化图像大小和优化图像加载性能？
浏览 6提问于2022-04-21得票数 1
1回答
我使用imagesize gem来检查远程图像的大小，然后只将足够大的图像推入数组。
require 'open-uri'
require 'image_size'
data = Nokogiri::HTML(open(url))
images = []
forcenocache = Time.now.to_i # No cache because jquery load event doesn't fire for cached images
data.css("img").each do |image|
image_path =
浏览 0提问于2011-05-08得票数 22
回答已采纳
2回答
我正在使用使用Three.js的pannellum ()，并且我正在使用它来处理本地文件。它适用于小文件，但我有的图像是5000 * 10000，并且它不加载它们。限制是什么，我如何在大图像中使用它。是否可以使用img标签加载图像并将该图像注入到应用程序中？在我发现的代码中，我有：
var panoimage = new Image();
我可以把它换成像他的那样的吗？
var panoimage = document.getElementById('PanImage');
Image()的源代码在哪里？它是JS的一部分吗？我找不到关于这个班级的任何信息。
编辑1
我对pan
浏览 2提问于2012-10-02得票数 1
我需要得到一个图像文件的大小，这是在一个网页，使用node.js .For这我使用了一些节点模块，但它给出了所有其他资源的大小，如js文件，html大小etc.So如何获得一个请求的大小(请求一个图像文件)？如何找到镜像文件的加载时间？
浏览 3提问于2012-03-12得票数 4
1回答
我正在尝试调整从谷歌云存储流媒体图像的大小。流工作正常，但调整大小似乎不起作用。我需要将图像对象传递给sharpjs的resize函数，然后该函数将调整图像的大小并在API响应中返回图像。
我的代码如下：
const express = require('express')
const {Storage} = require('@google-cloud/storage');
let server = express()
const storage = new Storage();
const bucketName = '<some-bucket-
浏览 27提问于2021-10-20得票数 0
2回答
我遇到了一个问题。我用的是马夫尼基弹出窗口。在弹出窗口下面，我添加了一个按钮来下载图片和不同的动作，比如社交图标等等。
所以，我需要找出上传到Wordpress媒体的图片的文件大小。我有js变量，在这里我可以链接到图像。
为此，我在functions.php中添加了一个函数，用于通过链接搜索该图像的id，如下所示：
function pippin_get_image_id($image_url) {
global $wpdb;
$attachment = $wpdb->get_col($wpdb->prepare("SELECT ID FROM $wpdb-
浏览 6提问于2016-09-15得票数 1
回答已采纳
有没有可能在不使用PHP加载实际图像的情况下获取图像信息？在我的例子中，我想要高度和宽度。
我有这段代码来从目录中获取图像。我回显图像的url并使用JS获取它。
<?php
$directory = "./images/photos/";
$sub_dirs = glob($directory . "*");
$i = 0;
$len = count($sub_dirs);
foreach($sub_dirs as $sub_dir)
{
$images = glob($sub_dir .
浏览 0提问于2013-03-27得票数 3
回答已采纳
我有一个动态JS代码，它可以在每次单击时更改div的背景图像。如何根据图像大小更改div的高度和宽度？
下面是我的代码，以更好地理解我的问题：
element.style {
background: rgba(0, 0, 0, 0) url("../wp-content/uploads/ssf-wp-uploads/images/24/image.jpg") no-repeat scroll center center;
cursor: pointer;
height: 150px;
position: relative;
}
这里我设置了一个固
浏览 4提问于2015-08-14得票数 0
回答已采纳
如何在不丢失任何图像的情况下将矩形图像“调整”为方形图像？
这是一个eBay清单，它不允许脚本标记，所以我只想避免JS和us。
见-示例>调整大小。
这在CSS中是可能的吗？
浏览 6提问于2014-04-17得票数 1
我有这个JS代码，它使用onclick方法工作，并在一个新窗口中打开一个图像，该窗口的大小与图像的大小完全相同。
我将其改编自BolGallery脚本。但是bolGallery脚本可以在PHP中解析它，并且能够动态地获得“标题”、“宽度”和“高度”值。以及“ImageFile”值。
我的问题是，有没有办法用php获得这些？
我对JS不是很了解
function GalleryPopup(imageFile, width, height, title){
var html = '<title>' + title + ' - Click to clos
浏览 2提问于2011-05-07得票数 0
回答已采纳
我在JavaScript中根据当前视口大小调整图像大小。没有媒体查询和其他类似的东西，所有的JS，并且没有元素的静态大小。
所以基本上它看起来像这样：
var computedHeight = viewport.height * someRatio;
var image = goog.dom.createDom('img', {
'src': 'the.link.to.the.image',
'height': computedHeight + 'px',
浏览 7提问于2012-11-15得票数 0
回答已采纳
2回答
填充容器的视差背景图像
、、、
我使用stellar.js将视差效应应用于背景图像。javascript将背景图像周围的容器的高度设置为窗口高度减去标头的高度。我有背景图像设置覆盖在css中，并希望它填充容器，而不管屏幕大小。这在没有视差效应的情况下工作得很好，但是一旦我应用了视差效应，定位就会改变，所以当容器很高时，图像就不会被填充。
我和马克·达格利什( Mark )谈过，他是stellar.js的创建者，他想看看他是否有任何想法，他说背景图像必须比容器高才能填满它，这就是我得出的结论。所以我想知道是否有不同的方法可以做到这一点。有人有什么想法吗？
这是我想让它发挥作用的网站。如果你调整浏览器窗口的大小，从侧面把它拉进来
浏览 4提问于2014-03-09得票数 0
回答已采纳
3回答
我有一个图像在一个html页面调整到400px宽度与css
.cropbox {
width: 400px;
height : auto;
}
此外，我在该图像上有一个js，让用户选择图像的一点。当然，坐标在调整大小的图像上是相对的。如何获得原始图像上的相对坐标？
像newx = originalwidth/400 * x这样的东西，但如何获得原始宽度？
浏览 0提问于2009-11-19得票数 0
回答已采纳
我有一些令人沮丧的javascript时间问题。
FYI，该页面是一个jsp文件，并附加到所述页面上的是一个单独的js文件和jQuery CDN文件。为了进行故障排除，我消除了所有不必要的内容和代码，并将所需的内容粘贴到单独的jsp和js文件中，以解决这个特定问题。
如果我能在某个地方显示html和js，那就太好了。但现在，我来描述一下。该页面有两个按钮，一个用于加载图像，另一个用于切换“缩放”功能(稍后将详细介绍)。用户单击一个按钮，该按钮使用DOM (特别是innerHTML )加载图像。此图像被水平和垂直滚动条包围。当用户打开“缩放”功能时，图像会记录鼠标单击事件中的位置。因此，在此情况
浏览 4提问于2011-10-03得票数 0
回答已采纳
下面的代码将图像放置在(50,50)处，锚点位于左上角。如何将锚点更改为图像中心，图像维数可能发生变化，因此，如果仅将(50,50)更改为(0,0)，则该图像将不能工作，但如果图像维数发生变化，则无法工作。
我尝试添加锚到中心，但不工作。
var svg = d3.select('body')
.append('svg')
.attr('width',100)
.attr('height',100)
.style('border','1px solid red')
.attr('tran
浏览 7提问于2022-11-18得票数 1
回答已采纳
我正在尝试学习A-frame，并且一直在尝试不同的实体。静态对象可以加载(长方体、圆柱体等)，但某些具有src属性的对象不起作用。 我在网上和文档中找过了，但找不到任何明确的帮助。 我能够获得大小为(512X512)的1:1图像负载。但是现在，当我尝试使用不同宽度和高度的图像时，它会拒绝该图像。 <script src="https://aframe.io/releases/0.9.0/aframe.min.js"></script>
<body>
<a-scene>
<a-assets>
<
浏览 19提问于2019-04-21得票数 1
回答已采纳
如何使用nightwatch.js检查页面上的所有图像是否都具有不为空的src属性？我有一页图片，有时src属性是空的。我想检查一下。
浏览 1提问于2016-03-22得票数 1
下面的代码使用cloudinary js和html显示响应映像。如果调整窗口的大小，它只会缩放断点处的图像。它永远不会缩放图像更小。你知道为什么这种行为会显示出来吗？
<html>
<style type="text/css">
body {
padding: 5px;
justify-content: center;
align-items: center;
background-color: white;
font-size: min(1vw, 1.778vh);
浏览 12提问于2022-02-19得票数 0
我有一个网站，我检查图像大小，以便调整周围的各种HTML元素的大小。图像URL是通过数据传入的，并且是远程托管的，所以我事先并不知道图像的尺寸。我正在使用getimagesize，这看起来工作正常(尽管速度很慢)，但现在我发现从getimagesize返回的图像尺寸并不是我最终得到的图像文件的尺寸。图像URL不是直接指向文件，而是指向提供图像的脚本，所以我假设所提供的图像文件在getimagesize检查和实际下载之间发生了某种程度的变化。
有人处理过这个问题吗？是否有任何服务器端解决方案可以获得正确的尺寸，或者我是否需要在图像加载后转到JS解决方案？布赖恩
浏览 2提问于2013-06-28得票数 0
回答已采纳
如何使用vue.js中的vee验证以这样的形式设置验证
图像尺寸小于500*500像素
小于100的图像大小
浏览 1提问于2018-03-19得票数 4
回答已采纳
我正在开发一个asp.net mvc3应用程序。我的观点是使用剃刀，但我认为现在这已经不重要了。我需要一个图片库，你可以在其中删除和上传图像，以及其他一些我在网上看到的图片库中找不到的需求，所以我最终做出了自己的实现。
我在图库中用拇指显示真实大小的图像时遇到了问题。我做了一个小脚本来显示问题的本质：
<!DOCTYPE html>
<html>
<head>
<style>
.thumb-image { cursor: pointer;}
</style>
<script src="http://code.jquery
浏览 0提问于2013-06-07得票数 0
回答已采纳
3回答
我正在为JS的学生做基本的练习，其中一个要求改变图像大小，比如50%，然后点击按钮。
我使用以下HTML：
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<lin
浏览 4提问于2019-11-14得票数 0
例如，当我获得页面的封面照片时(使用Node.js)：
FB.api(pageId, { fields: cover } )
生成的JSON有一个source属性，该属性是一个图像，但是它是720x405的，并且有JPG工件。当我在浏览器中检查实际的Facebook页面时，它使用了更清晰的1920x1080图像。
如何通过API实现这一点？
浏览 5提问于2018-12-14得票数 0
回答已采纳
我看到了这个代码来获取图像的大小(KB, MB)。但这段代码是在更改后从按钮中获取数据。这段代码能适用于我的问题吗？或者是否有其他方法可以使用javascript直接获取图像的大小？
$(function () {
$("#btnClick").change(function (e){
var a = e.target.files[0];
alert(parseFloat(a.size / 1024).toFixed(2) + " KB.");
});
});
<script src="https://aja
浏览 2提问于2017-05-08得票数 0
回答已采纳
1回答
我在我的ReactJS网站上使用了固定的背景图片。我在标题区域使用的图像被奇怪地拉伸(放大，只有一小部分图片可见)，尽管不同元素的相同CSS属性工作得很好。
App.js
return (
<div id="main">
<div id="header">
...
</div>
...
<div id="bg-img1" className="background_image">
...
App.css
#header {
background-i
浏览 5提问于2019-08-23得票数 1
我已经把photo.jpg上传到C:/myapp/public/fullsize了。我想调整这个图像的大小，并把它放在C:/myapp/public/thumb中。我不知道如何获取newPath和thumbPath
C:/myapp/
server.js
app/
myscript.js
public/
fullsize/
photo.jpg
thumb/
在mys
浏览 3提问于2014-02-03得票数 0
我只是在我的项目中尝试使用谷歌图像中的几个urls，但是每次我在控制台中得到以下错误时：
ERROR TypeError: Cannot read property 'replace' of undefined at NgxGalleryHelperService.push../node_modules/ngx-gallery/bundles/ngx-gallery.umd.js.NgxGalleryHelperService.validateUrl (ngx-gallery.umd.js:121) at NgxGalleryHelperService.push
浏览 1提问于2018-09-14得票数 3
回答已采纳
2回答
这可能不是一个简单的问题，但我会尽我所能。
我有一个示例站点：我有一小段javascript，它可以自动计算浏览器内部窗口的高度，并将这个数字设置为图像包装器div的高度。包装器内图像的高度是包装器的100%，这样我就可以在所有正常尺寸的屏幕上获得漂亮的全屏图像。这在宽而不高的屏幕(台式机、笔记本电脑等)上效果很好。
但!
由于屏幕的高度大于宽度(智能手机、iPads等)，图像会被从侧面裁剪。我不想这样，所以我有一个临时的解决方案，当浏览器屏幕最大宽度为1024时，媒体查询将高度指定为auto，宽度指定为100%，这样就不会发生剪辑。但这不是一个很好的解决方案，而且会在某些分辨率下中断。它也破
浏览 5提问于2012-01-24得票数 3
回答已采纳
2回答
我正在练习PHP和AJAX，但是我有一些问题！
在选择要上传的图像后，我尝试从jQuery警报中获取文件名、类型、大小，但我始终得到一个空字符串。
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="my_file" /&g
浏览 4提问于2009-11-14得票数 1
回答已采纳
我在我的应用程序中使用UIImagepickerController控制器，我想要裁剪圆形的画廊图像。我可以将图像裁剪成圆形，但如果图像大小较小，则麦田圈根据屏幕进行裁剪，但我想根据图像来裁剪麦田圈。
有没有办法在didFinishPickingMediaWithInfo方法之前得到图像的大小。
提前谢谢。
浏览 17提问于2017-02-14得票数 0
3回答
我正在尝试使用JS和PHP来指示某些导航是否可见。首先，我得到一系列图像的累积高度。然后我将这个高度与他们容器的高度进行比较。如果图像的高度较大，则应显示导航div。
这几乎可以工作，但由于某些原因，我的JS变量'divheight‘没有收集图像高度。有人能发现我的问题吗？
请注意，$count是图像的数量，而#th_将等于最终图像的ID。
<script>
$('#th_<?php echo $count; ?>').ready(function() {
var divheight = 0;
//aler
浏览 0提问于2012-03-14得票数 1
回答已采纳
我正在开发一个应用程序，其中用户上传图像和缩放，平移到框架中设置图像。
我可以平移和缩放，并且已经在框架上设置了面(空白/透明面)。用户还能够查看图像。
我最后想要做的是保存用户选择的人脸的最终图像，但图像应该是由帧+用户面部组成的单个图像-可见面部之外的区域。
我面临的问题是，我不能删除图像中我不想要的部分。
请给我一些建议，我可以做同样的事情。示例很棒，但它们应该用jQuery/JavaScript实现。
截图：
代码如下：
<html>
<head>
<script src="file/ga.js" type="te
浏览 0提问于2011-04-14得票数 0
在我的React.js应用程序中，我呈现了一个PNG图像。在此基础上，我将直接在图像上呈现一个交互式SVG。在这种情况下，重要的是SVG始终与PNG大小相同。 我目前正在解决这个问题，方法是将图像尺寸存储在状态中，并使用onLoad函数在PNG加载时捕获图像尺寸。然后，我将维度作为道具传递给我的SVG。下面是我当前的代码： export default function MyComponent() {
const [imageHeight, setImageHeight] = useState(0);
const [imageWidth, setImageWidth] = use
浏览 35提问于2021-01-16得票数 0
我想集成Dropzone.js与客户端图像调整大小。我知道有一个函数可以调整缩略图的大小，但我想在上传之前创建一个函数来调整主图像的大小。有谁能帮我吗？
浏览 0提问于2013-12-12得票数 18
我正在使用fancybox.js加载我的图像。然而，较小版本的图像加载速度非常快，而较大的图像(以模式弹出的图像)需要4到10秒的加载时间。我的图片是jpeg格式的，但我怀疑这是问题所在。我在Heroku上主持--这会是罪魁祸首吗？
浏览 1提问于2011-12-29得票数 0
回答已采纳
我试图获得一个页面的屏幕截图使用铬扩展，并试图裁剪图像。在截图后，我得到了图像的base64 dataUrl。
当我试图使用dataURL渲染图像时，图像呈现的比原始图像更大(出现放大)。当我手动给<img>对象原来的大小时，它呈现得很好。但是当我把这幅画画到画布上时，画布的尺寸就放大了。
为了解决这个问题，我一直把头撞在墙上，但都没有用。任何帮助都是非常感谢的。
//Here is the JS code:
var image = document.getElementById("image");
var canvas = document.getElementB
浏览 0提问于2016-02-29得票数 1
回答已采纳
2回答
如何上传图片与内容的帖子。在Quill js中，图像存储为base64。这是传输图像的完美方法，但是有一个小问题: ajax超时。那么，在添加图像或发布图像时，我如何上传图像呢？我希望我解释得很清楚。
-编辑--
我已经有了一个代码，它可以在一定程度上正常工作。我正在传输带有内联base64图像的图像。就像；
<p>Some article & post</p>
<p><img src="data:image/jpeg;base64,R0lGODl..."></p>
<p>And some bla
浏览 11提问于2021-05-26得票数 0
回答已采纳
2回答
在我的web应用程序中，用户可以在手机上从输入类型文件中拍照。 之前我使用js load image库自动检测EXIF数据，并在必要时旋转它。 现在我已经切换到fabric.js库，因为我想让用户在上传之前可以在画布上绘制图像。 问题是，我不知道如何获取图像exif数据，或在使用fabric.js时旋转图像。 我的代码： 从索引数据库中获取图像 var image;
localforage.getItem('photo').then(function(value) {
image = value;
// THIS IS OLD
浏览 25提问于2020-01-22得票数 0
回答已采纳
我把头撞在墙上，因为我知道我以前也这么做过。但是这个代码不起作用。现在，我知道很多事情都是一团糟，因为我正试图迅速地把它拼凑起来(让它起作用，使它正确，使它快速，等等)，但是这会给我带来如此多的痛苦和痛苦吗？
我有以下基本HTML：
<div class="js-gallery force js-on">
<h5>More Images »</h5>
<a href="http://url/to/image1.jpg"><img src="http://url/to/ima
浏览 0提问于2012-03-02得票数 0
<div class="row" data-ng-repeat="row in imageDataUrls" >
<div class="col-sm-3" data-ng-repeat="imageDataUrl in row" >
<img alt="img" class="img-responsive"data-ng-src="{{imageDataUrl.url}}" />
</div>
<
浏览 0提问于2017-03-02得票数 0
我在Sitecore Media Library中有500多个图像，每个图像大小都超过1MB。目前我们在网页中以缩略图的形式显示这些图像，但需要更多的时间来加载。
因此，我计划将缩略图的大小减少到50KB以下，然后单击图像，它将显示原始大小的图像。那么，我如何以编程方式克隆所有500个图像并在Sitecore中压缩其大小？
浏览 6提问于2016-05-11得票数 1
1回答
我对Wordpress很陌生。我正在尝试从我的媒体库中的一个图像中获取一个图像src，而不必提到我的域或做一些外部链接。
假设我有一个身份证是20的图像，
而不是写一些静态的东西，
"
📷
“
我可以做一些像"
📷
“这样的事情。
我知道get_image_by_id函数不存在，但是有类似的地方吗？
浏览 0提问于2020-04-24得票数 1
回答已采纳
我正在为我的网站做一个封面。我使用js使图像垂直居中显示。下面是代码：
function middle(){
var windowHeight=window.innerHeight;
var infographic=document.querySelector("#infographic img");
var imgHeight=parseFloat(window.getComputedStyle(infographic).height);
infographic.style.maxHeight=(
浏览 15提问于2017-08-12得票数 0
我在谷歌云的图像上传功能上编写代码。我可以上传图片到gcloud，但不能调整大小，然后上传。我尝试使用节点js夏普库来调整大小，但无法正确实现它。下面是我的代码：
我的上传功能
const processFile = require('../middleware/upload')
const { format } = require('util')
const { Storage } = require('@google-cloud/storage')
// Instantiate a storage client with credential
浏览 14提问于2022-11-21得票数 0
我有一个用户上传的表单，我试图裁剪基于彩色标记在图像内的位置。 使用Fabric.js和Tracking.js，我可以在理想条件下(即，当用户在平板扫描仪上扫描图像时)识别这些标记。 现在，我想通过允许用户用智能手机捕捉图像来使系统更加健壮，这意味着图像平均要暗得多，彩色标记也更难找到。 我可以通过编程调整图像的亮度，没有任何问题，但我无法可靠地检测标记的位置。 我想开发一个算法，它总是能找到蓝色浓度最高的图像区域，并记录它周围的坐标。 下面是表单的一个示例： 📷 任何帮助都是非常感谢的！
浏览 1提问于2014-08-19得票数 0
mobify.js可以用来创建视网膜友好的图像吗？试图找到更多关于制作视网膜友好的图像的信息。
浏览 5提问于2013-12-05得票数 0
1回答
我想用裁剪上传的图片。
另外，我想限制图像的大小(以字节为单位)，并将其保存为png格式。当我不使用裁剪的图像时，我可以使用以下代码获得图像长度：
var postedFile = Request.Files["FileUpload1"];
long length=postedFile.ContentLength;
我的问题是我不能得到正确的裁剪图像长度。如果我在Upload函数中使用bytes.Length，它会从FileUpload控件中获得大于原始图像长度的长度。如何获得png格式的裁剪图像长度？
我的代码如下：
<script type="text
浏览 0提问于2019-06-25得票数 0
我想知道，在例如div元素中，如何从API加载图像(用户可以在其中发布他们想要的任何大小的图像)，然后我可以用CSS格式化该图像以满足以下要求。
1)保持原来的尺寸
2)给定我指定的最大宽度和最大高度，与我的规范中的相应属性最大不同的图像属性将缩小以与其匹配，而另一个属性收缩以保持维度。如果图像实际上在两个维度上都比我的规范要小，那么与其相应规范相差最小的图像就应该增长以与其匹配，而另一个则再次移动以维护维度。
3)图像应该在它的父节点上进行中心化，这取决于它是宽度还是高度规格，而不是最大限度(即:如果max_width为200 if，图像宽度仅为180，那么它应该沿着x轴进行居中)。
我想我
浏览 7提问于2016-02-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
