thumbnails 相关问题

什么纯服务器端技术允许在共享主机上捕获 html 网站

据我所知，只有PHP不能用于此目的。 但由于没有多少提供商允许在共享上安装 Perl/Python/... 脚本，我想知道是否有免费的解决方案 cr...

演示文稿的缩略图在创建、保存和关闭后立即为空

我创建一个演示文稿，在其中插入图像，保存并关闭它。 使用 Drive API，我得到一个缩略图链接，然后是一个 blob，并从中创建一个 PNG 文件。 问题是文件是空的......

是否可以在超链接中添加“拇指”图像？

我网站上的购物车使用Mal的电子商务。通常我使用“添加到购物车”按钮的 代码，该按钮允许将缩略图图像包含在购物车中 我网站上的购物车使用Mal的电子商务。通常，我使用 <form> 代码作为“添加到购物车”按钮，该按钮允许将缩略图图像包含在购物车页面上。 “thumbnail.jpg”URL 的 https://mywebsite/thumbnail-image/... 部分停放在 Mal 的网站上。 我需要在我的一个页面上使用超链接“添加到购物车”，但这样做时我无法包含 <input name="thumb"...> 行代码。我不太熟悉编码，所以我可能无法正确地表达这个问题（希望我不会太混乱），但是有没有办法将缩略图（“thumb”）命令添加到超链接行我想用？ 这是我通常使用的代码： <form action="https://ww#.aitsafe.com/cf/add.cfm" method="post"> <input name="userid" type="hidden" value="00000000"> <input name="product" type="hidden" value="Acme Widget"> <input name="price" type="hidden" value="30.00"> <input name="thumb" value="thumbnail.jpg" type="hidden"> <input name="return" type="hidden" value="https://mywebsite.com/"> <input type="submit" value="Add to Cart"> </form> 这是我想使用的超链接代码，并包含缩略图（如果可能）： <a href="https://ww#.aitsafe.com/cf/add.cfm?userid=00000000&return=https://mywebsite.com/&product=Acme+Widget&price=30.00">Add to Cart</a> 试试这个代码 <a href="https://ww#.aitsafe.com/cf/add.cfm" onclick="this.href += '?userid=00000000&product=Acme%20Widget&price=30.00&thumb=thumbnail.jpg&return=https://mywebsite.com/'"> 添加到购物车

如何在博主的红色帖子中链接缩略图

我为此而疯狂。 我正在建立一个博客，使用水印模板。当我发帖时，使用使用 url 来显示图像的功能。 博主拿第一个帖子的图片来做缩略图...

.NET 缩略图库[已关闭]

我正在寻找.NET 的缩略图库。我不在乎是免费的还是付费的。我想生成文件预览的缩略图，支持尽可能多的文件类型： 图片、视频、pfd、关闭...

PIL：缩略图并最终得到方形图像

打电话 图像 = Image.open(数据) image.thumbnail((36,36), Image.NEAREST) 将保持纵横比。但我最终需要像这样显示图像： 打电话 image = Image.open(data) image.thumbnail((36,36), Image.NEAREST) 将保持纵横比。但我需要最终显示这样的图像： <img src="/media/image.png" style="height:36px; width:36px" /> 我可以使用图像周围透明或白色的信箱样式吗？ PIL 已经有一个函数可以做到这一点： from PIL import Image, ImageOps thumb = ImageOps.fit(image, size, Image.LANCZOS) 将图像粘贴到大小合适的透明图像中作为背景 from PIL import Image size = (36, 36) image = Image.open(data) image.thumbnail(size, Image.LANCZOS) background = Image.new('RGBA', size, (255, 255, 255, 0)) background.paste( image, (int((size[0] - image.size[0]) / 2), int((size[1] - image.size[1]) / 2)) ) background.save("output.png") 编辑：修复语法错误 from PIL import Image import StringIO def thumbnail_image(): image = Image.open("image.png") image.thumbnail((300, 200)) thumb_buffer = StringIO.StringIO() image.save(thumb_buffer, format=image.format) fp = open("thumbnail.png", "w") fp.write(thumb_buffer.getvalue()) fp.close() 更新Cesar Canassa 的答案。 这将创建 image.jpg 的缩略图，如 image_thumb.jpg: from PIL import Image, ImageOps fname = 'image.jpg' size = (48,48) thumb = ImageOps.fit(Image.open(fname), size, Image.LANCZOS) thumb.save('{}_thumb.jpg'.format(fname[:fname.rfind('.')]), "JPEG") 或者这个，也许......（原谅意大利面条） from PIL import Image def process_image(image, size): if image.size[0] > size[0] or image.size[1] > size[1]: #preserve original thumb = image.copy() thumb.thumbnail(size,Image.LANCZOS) img = thumb.copy() img_padded = Image.new("RGBA",size) img_padded.paste(image,(int((size[0]-image.size[0])/2),int((size[1]-image.size[1])/2))) return img_padded 您可以将 Nadia 的答案包含在这个函数中，这样您就可以控制大小和背景。 def make_square(im, min_size=36, fill_color=(255, 255, 255, 0)): x, y = im.size size = min(min_size, x, y) new_im = Image.new('RGBA', (size, size), fill_color) im.thumbnail((256, 256)) new_im.paste(im, (int((x - size) / 2), int((y -size) / 2)) return new_im 为什么不简单地使用调整大小方法？ from PIL import Image image = Image.open('/path/to/img.png') image = image.resize((36,36), Image.LANCZOS) 请参阅本发行说明中有关调整图像大小的建议： https://pillow.readthedocs.io/en/stable/releasenotes/5.3.0.html

如何在保存图像时创建缩略图

我有保存用户上传图像的代码。 是否可以同时创建缩略图？ 函数 saveImages($dataArray, $idArticles, $folderPath, $prefixFile){ $

当我在 flutter 中打开视图时，缩略图不显示

我正在尝试显示视频的缩略图，我正在从 firebase 获取缩略图 url 并使用 Image.network 来显示它们，但缩略图在它们第一次出现时并未显示...

‘ffmpeg’在nodejs中不被识别为内部或外部命令node-ffmpeg

我正在开发一个 Node.js 应用程序。首先，对于 Node.js 来说，我只是一个初学者。 我现在在应用程序中所做的是尝试为我的 mp4 创建缩略图 JPEG 文件

使用 PHP 创建缩略图。 （裁剪成正方形）

我目前正在使用一个 php 脚本，它根据最大宽度和高度创建缩略图。但是，我希望它始终创建方形图像并在需要时裁剪图像。 这就是...

增加 macOS 上浮动缩略图屏幕截图预览的持续时间

因此，在几个最新的 macOS 版本上有这些有用的浮动预览。但我似乎找不到任何方法来增加预览的持续时间。有可能吗？很多时候它会滑走

CGImage：创建所需尺寸的缩略图

我想使用 Core Graphics 创建缩略图。缩略图的大小应为 1024 [原文如此]，且宽高比与原始图像相同。是否可以设置拇指所需的尺寸...

当两侧缩略图相同时，如何缩小主页和帖子页面缩略图

我想更改主页和博客文章页面缩略图大小。我注意到缩略图大小是通过两个页面上的同一类“大”生成的。 html代码是： 主页代码 我想更改主页和博客文章页面缩略图大小。我注意到缩略图大小是通过两个页面上的同一类“large”生成的。 html代码是： home page code <img width="750" height="422" src="https://amazquiz.com/wp-content/uploads/2023/11/amazon-fz-points-weekly-qu…" class="attachment-large size-large wp-post-image" alt="amazon-fz-points-weekly-quiz-answer" itemprop="image" decoding="async" srcset="https://amazquiz.com/wp-content/uploads/2023/11/amazon-fz-points-weekly-qu…" sizes="(max-width: 750px) 100vw, 750px"> Blog post code <img width="750" height="422" src="https://amazquiz.com/wp-content/uploads/2023/11/amazon-fz-points-weekly-quiz-answer.jpg" class="attachment-large size-large wp-post-image" alt="amazon-fz-points-weekly-quiz-answer"> 我尝试从 funtion.php 更改它，但没有改变。让我们了解 php 代码编辑。 您需要做什么： 定义新的图像尺寸：将代码添加到您的 functions.php 文件中以定义新的图像尺寸。 使用条件标签：在不同页面上定义不同的尺寸 实施示例： function my_custom_image_sizes() { add_image_size('homepage-thumb', 800, 450, true); add_image_size('postpage-thumb', 600, 300, true); } add_action('after_setup_theme', 'my_custom_image_sizes'); function my_custom_thumbnails($html, $post_id, $post_image_id, $size, $attr) { if(is_home() && $size == 'large') { $size = 'homepage-thumb'; } elseif(is_single() && $size == 'large') { $size = 'postpage-thumb'; } $image = wp_get_attachment_image_src($post_image_id, $size); if ($image) { $html = '<img src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . get_the_title($post_id) . '">'; } return $html; } add_filter('post_thumbnail_html', 'my_custom_thumbnails', 10, 5);

无法使用 IThumbnailProvider 从 IShellItem 获取缩略图

所以我编写了一些代码来使用文件路径字符串作为输入从文件中获取缩略图。首先，我在该位置获取 IShellItem，然后获取 IThumbnailProvider，现在我正在尝试...

在 Woocommerce 中获取并显示产品类别特色图像

我正在制作我的第一个主题，由于 The Loop 和 WooCommerce 的 SDK 提供的所有帮助，一切都进展得非常快。然后今天我花了一整天没能做一些事情

我想在分享我的 React 应用程序产品详细信息页面 URL 时显示缩略图

问题声明：在 Google Chat 中共享 React 产品详细信息页面 URL 时显示缩略图 问题： 我正在开发一个 React 网站，我想在共享产品时显示缩略图

HTML：有什么方法可以在文本区域中显示图像吗？

所以我也想在 中显示图像缩略图以及文本。如果你知道一个也很完美的 javascript 解决方案（如果可能的话在 vanilla JS 中）。 像这样： __________________ |你好</desc> <question vote="34"> <p>所以我也想在 <pre><code>image thumbnails</code></pre> 中与文本一起显示 <pre><code><textarea></code></pre>。如果你知道一个也很完美的 javascript 解决方案（如果可能的话在 vanilla JS 中）。</p> <p>像这样：</p> <pre><code>__________________ |Hello World | | _______ | | | Img | | | | | | | |_____| | |Hello again. | | _______ | | | Img2| | | | | | | |_____| | |________________| </code></pre> <p>据我所知并在 div 或任何具有 <pre><code>contentEditable="true"</code></pre> 的内容中看到也允许图像，但是，允许许多其他 HTML 标签和很多我不想要的东西：|</p> <p>我只想要 <pre><code>text</code></pre> 和 <pre><code>images</code></pre>。</p> </question> <answer tick="false" vote="74"> <p>使用具有 contentEditable 属性的 div，其作用类似于文本区域。这就是所见即所得编辑器的创建方式。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>div { width: 300px; height: 200px; border: 1px solid #ccc; }</code></pre> <pre><code><div contentEditable="true">Type here. You can insert images too <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /> </div></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="11"> <p>我知道你想编辑文本和图片，但是......为什么它必须在文本区域内？此类控件旨在保存纯文本。有许多用 JavaScript 编写的 HTML 编辑器：</p> <ul> <li><a href="http://ckeditor.com/" rel="noreferrer">http://ckeditor.com/</a></li> <li><a href="http://tinymce.moxiecode.com/" rel="noreferrer">http://tinymce.moxiecode.com/</a></li> <li><a href="http://www.openwebware.com/" rel="noreferrer">http://www.openwebware.com/</a></li> <li><a href="http://www.unverse.net/whizzywig-cross-browser-html-editor.html" rel="noreferrer">http://www.unverse.net/whizzywig-cross-browser-html-editor.html</a></li> <li><a href="http://www.htmlarea.com/" rel="noreferrer">http://www.htmlarea.com/</a></li> <li>...</li> </ul> </answer> <answer tick="false" vote="2"> <p>简短的回答是否定的，这是不可能的，抱歉。</p> </answer> <answer tick="false" vote="1"> <p>可以使用css为textarea设置背景图片，使用js设置文本</p> </answer> <answer tick="false" vote="0"> <p>您可以编写一个脚本（最好使用 PHP）来检查是否存在不需要的元素（<pre><code><p></code></pre> 或 <pre><code><img></code></pre> 除外）。</p> <p>然后您可以将用户发送回“表单”并让他再次填写，或者您可以删除整个不需要的标签。</p> </answer> <answer tick="false" vote="0"> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="false"> <div> <pre><code>div { width: 300px; height: 200px; border: 1px solid #ccc; }</code></pre> <pre><code><div contentEditable="true">Type here. You can insert images too <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /> </div></code></pre> </div> </div> <p></p> <p><a href="https://i.stack.imgur.com/gyqtr.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL2d5cXRyLnBuZw==" alt=""/></a></p> </answer> </body></html>

如何通过python从windows缓存中获取文件缩略图？

目标是在尽可能短的时间内从Windows上选定的文件夹中获取文件缩略图。 Imagemagick 和其他工具每次都会打开文件，因此它们可能不是最有效的。建成...

指定 ffmpeg 的百分比而不是时间

要从视频中途的图像中获取缩略图，我可以执行 ffmpeg -ss 100 -i /tmp/video.mp4 -frames:v 1 -s 200x100 image.jpg。通过使用 -ss 100 它会在 100 秒时获得缩略图（这将...

点击网站 liftprogress.it 上的缩略图时弹出窗口

晚上好， 单击缩略图时，我们在激活弹出窗口的打开时遇到问题，这些缩略图是 显示，例如您可以在以下链接和以下