草庐IT

image-optimization

全部标签

php - 将 Base64 jpeg 图像传递给 og :image

我的网站上有运行时生成的图像,我使用在html中显示它"/>现在,我想让Facebook获取此图片,但如果我对og:image元标记执行相同操作,Facebook调试器会给我一个错误。有什么解决办法吗?'/>当然,我想避免永久保存文件,因为它们总是不同的,而且很快就会变得太拥挤 最佳答案 将它粘贴到一个PHP文件中:'/>解码器.php:编辑出于安全原因,请务必检查来源。 关于php-将Base64jpeg图像传递给og:image,我们在StackOverflow上找到一个类似的问题:

image - Canvas - 图像调整大小并复制到另一个

是否有jQuery插件或代码可以用来调整图像(或Canvas(带有此图像))的大小并将其复制到另一个图像(或Canvas)中?图片#2是一个编辑:想法:也许利用-moz-transform:scale(sx,sy)/-webkit-transform:scale(sx,sy)?或者这个ResizinganimageinanHTML5canvas 最佳答案 您可以轻松调整图像或Canvas的大小并将其复制到另一个Canvas中。context.drawImage(image,dx,dy,dw,dh)允许您在绘制时调整要绘制的任何图像(

html - 如何使用 CSS 在 IE 和 chrome 上隐藏 "image not found"图标

我的页面上有一些图片。默认情况下,如果给定的图像不可用,则会在Chrome和IE上显示损坏的图像指示器。在这种情况下,我希望不显示任何内容,只显示替代文本。有什么方法可以使用CSS来处理它。 最佳答案 使用javascript编辑:添加了可处理所有图像的小片段。$("img").error(function(){$(this).hide();});示例:http://jsfiddle.net/Va2Wd/ 关于html-如何使用CSS在IE和chrome上隐藏"imagenotfound

html - Angular 动画 : Rotation 180° click image

如何使用Angular4在图像按钮上进行图像旋转(单击:0°->180°/再次单击:180°->0°)?我也使用AngularMaterial。这是我的按钮:label_outline这个按钮会打开一个sidenav,我想把它做成动画来让用户更友好谢谢 最佳答案 您不需要Material,因为Angular自带内置动画。下面是一个例子:import{Component}from'@angular/core';import{trigger,state,style,animate,transition}from'@angular/ani

javascript - Blueimp Jquery 文件上传 : Doesn't show thumbnail preview image

我用了BlueimpjQueryFileUpload在我的Rails应用程序中。当用户选择文件时,我想在将文件上传到服务器之前显示图像的缩略图和图像的名称。我一直在引用demo自定义此插件。我可以在屏幕上打印文件名,但无法显示缩略图。这是生成的htmlFileuploadUploadfiles${name}$(function(){$('#fileupload').fileupload({add:function(e,data){console.log('add');$.each(data.files,function(index,file){console.log('Addedfil

html - 移动网站 : Detecting when images have been disabled

我遇到了一个非常烦人的移动网络问题。我拥有的网站的大部分按钮都使用图像,和.因此,如果用户禁用图像,网站不仅看起来不好看,而且他们也失去了浏览该网站的所有能力。特别是Android不显示alt图像上的信息,因此实际上没有任何迹象表明图像未显示。有没有什么方法可以在不使用JavaScript的情况下确定浏览器是否禁用了图像?如果他们禁用了它,我想显示一个更通用的文本优化网站。 最佳答案 根本不使用任何JavaScript?恐怕这是不可能的,至少在客户端是不可能的。在HTML中有NOFRAME和NOSCRIPT标签,但没有等效的图像标签

HTML 在 iPhone (iOS) 上上传 : filename is always same (image. jpg, image.png, ...)

我使用非常简单的代码在我的响应式网站中上传文件。但是当我使用iPhone上传图片时,图片名称总是image.jpg而不管实际的图片名称。这个问题有什么解决方法吗?为了调试目的,我用小代码创建了这个示例页面:";echo'postobjectinfo:';print_r($_FILES);print"";}?>FileUploadTestforiphone演示:http://codepad.viper-7.com/VnTfb3/55dev? 最佳答案 我遇到了同样的问题,但我在上传脚本中使用了3张图片。对我来说最快、最简单的解决方案是

Javascript 正则表达式 : Find all URLs optimization

此问题是以下帖子的后续问题:Javascriptregex:FindallURLsoutsidetags-NestedTags我发现代码:\b((https?|ftps?):\/\/[^"]*>|[^"]*?与像这样分别为http和ftp部分执行它相比效率极低:\b(https?:\/\/[^"]*>|[^"]*?和\b(ftps?:\/\/[^"]*>|[^"]*?以下是regex101.com上的示例:第一种方法-6395steps第二种方法-3393steps+863steps但是,在我的一个HTML页面中,这些代码比较为85628步与7258+795步,这是非常疯狂的。据我所知

html - CSS 对象适合 : contain; is keeping original image width in layout

我正在尝试使用object-fit:contain使我的图像在一些flexbox容器内响应,并且当图像调整大小时,布局似乎保持原始图像大小,导致滚动条出现。使用ChromeDevTools查看图片的宽度,宽度依然是1024(不过高度已经适当降低)(我从AutoResizeImageinCSSFlexBoxLayoutandkeepingAspectRatio?中获得了灵感来达到这一点)我是否缺少一些额外的CSS属性?JSFiddle:https://jsfiddle.net/w6hgqf18/1/html,body{margin:0;height:100%;}.page{height:

PHP 和 HTML : how to loop through a directory with images?

像这样的非常简单的文件夹结构......index.php图片someimage1.jpgsomeimage2.pngsomeimage3.jpg我想知道使用php来读取这个img文件夹并创建一个微型站点来循环访问带有“上一个”和“下一个”链接的图像有多困难。所以我不想手动指定图像的文件名。我只想将图像添加到文件夹中,一个php脚本会运行它们并创建一个类似的导航NextImagePreviousImage所以每当我点击“下一张图片”链接时,它都会更新网站并显示下一张图片。建起来这么复杂吗?对此有什么想法吗?预先感谢您的提示和帮助。 最佳答案