如何在不保存到文件的情况下在HTML中显示图像
在不保存到文件的情况下，可以使用Base64编码将图像嵌入到HTML中进行显示。以下是完善且全面的答案：
将图像显示在HTML中的一种常见方式是使用<img>标签。通常，我们会将图像保存为文件，然后在<img>标签的src属性中引用该文件的路径。然而，在某些情况下，我们可能希望直接将图像数据嵌入到HTML中，而不保存为文件。
这时候可以使用Base64编码的方法来实现。Base64是一种将二进制数据编码为文本字符串的方法，它可以将图像数据以文本的形式嵌入到HTML代码中。
下面是实现的步骤：
- 将图像文件读取为二进制数据。
- 使用Base64编码将二进制数据转换为文本字符串。
- 将Base64编码后的字符串嵌入到HTML的<img>标签的src属性中。
以下是一个示例的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>显示图像</title>
</head>
<body>
<img src="data:image/png;base64,iVBORw0KG...（省略部分Base64编码后的数据）" alt="图像">
</body>
</html>在上面的代码中，data:image/png;base64,表示图像的数据格式为PNG，并且后面跟着Base64编码后的字符串。你需要将这部分替换为你自己的图像数据。
请注意，使用Base64编码后的图像数据会增加文件大小，因此对于大尺寸的图像可能会影响网页加载速度。在实际应用中，需要根据具体情况来权衡使用Base64编码和保存为文件两种方式的利弊。
在腾讯云的云计算服务中，可以使用对象存储 COS（Cloud Object Storage）来存储和管理图像文件，并在HTML中引用这些文件的链接地址。COS提供高可用、高可靠的对象存储服务，可以满足各种规模的应用需求。具体可以参考腾讯云COS的产品介绍：https://cloud.tencent.com/product/cos。
相关·内容
我成功地在FormWindow中添加了一个QLabel小部件，并在代码中设置了一个像素映射，但是当检查属性框时，即使图像加载正确，像素映射文件路径字段也是空的。
QPixmap结构没有包含路径的成员，因此此信息必须位于属性框中的某个位置。我如何访问它？
如果将pixmap filepath属性字段留空，则无法将其正确保存到.ui文件中。下次带回来时，该标签将存在，但不会显示任何图像。
我猜一些内部插槽和信号的事情必须被发射或触发，但就是找不到一种方法。任何帮助都是非常感谢的。
浏览 6提问于2009-11-20得票数 0
1回答
有人能帮我调整一下在Jupyter中用plotly生成的HTML文件的大小吗？这是我用来保存到HTML文件的代码： fig.write_html("D:\jupyter\image.html") 它可以工作，但现在我想控制大小。这里(https://plotly.com/python/interactive-html-export/)是关于如何做的建议，但是我不知道如何具体地编写代码而不是得到大图像
浏览 25提问于2020-04-13得票数 2
回答已采纳
1回答
有没有可能创建一个内联的png图像，例如使用matplotlib，然后在一个markdown单元格中重用它(通过html)，而不需要先把它保存到硬盘上？
IPython notebook将内联图像保存在ipynb文件中，所以数据是可用的，我想知道它是否也可以访问？
一种想法是为漂亮的幻灯片生成图像(单元格模式)，并抑制幻灯片以创建图像。
浏览 0提问于2013-12-24得票数 2
我想在我的应用程序中创建一个指向Google Drive文件的预览链接。一个文件可以是任何东西，例如。谷歌文档文件，图片，pdf等。我正在使用谷歌驱动应用程序接口(Files.get)。
我发现thumbnailLink在“预览”窗口中将图像和pdf显示为图像，但不足以显示pdf文件，我想向下滚动该文件。
我在我的代码中使用了这个链接{fileid}/preview，它可以处理pdf和图片。它还会显示我的Google Docs内容(第一个版本)。但是当我更新Google Docs文件时，像{fileid}/preview这样的链接并不显示更新的内容，它只显示旧的内容。当我点击预览链接时，我会看
浏览 1提问于2015-05-13得票数 2
1回答
捕获图像而不保存
、、
基于这个，有没有一种方法可以在不保存的情况下在QML中处理摄像头中的图像？
从捕获示例开始， ()函数将图像保存到图片位置。我想要实现的是使用onImageCaptured每秒处理相机图像，但我不想将其保存到驱动器中。
我曾尝试使用onImageSaved信号实现一个清理操作，但它也影响了onImageCaptured。
浏览 0提问于2016-07-05得票数 0
如何在php中显示图像并将其作为输入参数传递，而不将图像保存在文件夹中。用户给出图像路径作为输入，当图像被选中时，我使用ajax来显示图像。当我将其保存到文件夹时，它是有效的。但是，如果不将其保存在文件夹中，我如何显示它呢？我现在的代码是
move_uploaded_file($_FILES["file"]["tmp_name"],"upload/".$_FILES["file"]["name"]);
//echo "Stored in ".
浏览 0提问于2013-04-10得票数 0
我希望能够将原始图像数据发送到其他地方，而无需保存到文件或显示绘图。谢谢你的帮助!
编辑
字节是我感兴趣的。我正在尝试将字节图像发送到web客户端站点，并从js/html中显示它。
浏览 49提问于2019-11-14得票数 0
我想将我的图像存储在sdcard子文件夹中。我已经执行了以下操作，但是我的图像没有存储在subfolder.How中。我可以将我的图像保存在子文件夹中吗？我的代码如下：
final File wallpaperDirectory = new File("/sdcard/Wallpapertask/");
wallpaperDirectory.mkdirs();
myImageView1.setImageBitmap(circleBitmap);
BitmapDrawable drawable = (BitmapDrawable)myImageView1.getDrawa
浏览 0提问于2014-04-19得票数 0
我有以下模式：
public string Content { get; set; }
public HttpPostedFileBase LogoImageFile { get; set; }
查看：
@Html.EditorFor(model => model.Content, new { htmlAttributes = new { @class = "form-control" } })
<div class="uploaded-img-wrapper hidden">
<img class="img-thumb
浏览 1提问于2015-11-25得票数 4
回答已采纳
我正在以编程方式创建PowerPoint文件的映像。在将图像保存到本地驱动器后，我使用DirectoryInfo.GetFiles()获取文件。
我正在保存带有序列号的图像文件。
我的文件：
我的问题是，当我得到文件时，它们的顺序不是我需要的。我在FileInfo[]中得到的文件序列是：
有人能帮我解决这个问题吗？
浏览 0提问于2014-03-15得票数 5
如果我将图像保存在与html文件相同的文件夹中，则图像将正确显示。
<div class="screenshot"><img src="app.png" alt="This is a screenshot"></div>
如果我将图像保存到另一个名为图像的文件夹(与html文件夹并行级别文件夹)，则无法显示图像。
src="images/app.png"
问题一定是错的，那么上面的路径有什么问题呢？
浏览 3提问于2015-11-13得票数 0
回答已采纳
resized_image = Image.resize((100,200));
Image是Python-Pillow image类，我使用了resize函数来调整原始图像的大小。
如何找到resized_image的新文件大小(以字节为单位)，而不必保存到磁盘并再次读取它
浏览 0提问于2015-03-31得票数 2
1回答
<%@page import="com.google.zxing.client.j2se.MatrixToImageWriter"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
浏览 0提问于2017-02-05得票数 1
我有这个HTML元素：
<div style='background-image: url("data:image/png; base64, ENCODEDPNGBYTEDATA")' />
如何从background-image属性中提取图像，并显示保存文件对话框以允许用户将图像文件保存到其磁盘上？
浏览 1提问于2018-04-25得票数 0
2回答
我希望我的浏览器打开我的本地图像，并将它们放在浏览器的中心。我能想到的唯一方法就是编写一个HTML+CSS文件，但我不想使用PHP或ASP.NET，因为我不想运行服务器。所以javascript就是这个问题的解决方案。
那么，有没有办法让HTML+Javascript文件显示我的本地文件列表，并在单击我想要的图像后，将图像名称保存到一个变量中，以便使用img src使用我想要的css样式将该图像显示到我的html中？
提前感谢！
浏览 0提问于2011-12-16得票数 0
我知道有上传图像的ngUpload指令，我可以将上传的图像保存到服务器中的文件中，并保存到数据库的链接。然后，我可以使用该链接以html格式显示它。
但是，我想将图像直接保存到数据库中。在这种情况下，如何在html中显示图像？
例如，在服务器上，我有
public class ImgSrc
{
public int Id { get; set; }
public string Name { get; set; }
public byte[] Image { get; set; }
}
如何使用ngUpload上传图像并将其作为图像保存到此表中？如何使用Angular在h
浏览 3提问于2013-11-12得票数 0
3回答
我有一个UIImageView，可以显示用户的脸书照片。我用AFNetworking下载图像，当应用程序打开时，它正在缓存图像。
我想知道的是，是否有任何内置的方法可以让我将图像保存在设备上，并在没有互联网的情况下在以后的会话中使用。我知道我可以下载图像并手动保存到设备上，但是我想知道是否已经有内置的东西了。
浏览 0提问于2016-02-11得票数 0
回答已采纳
我用imagestring创建了一个图像，用PHP创建了一个文本。我知道没有$filepath的imagepng($image)在网页中显示图像，但我想知道有没有可能在不通过imagepng()将图像保存到文件的情况下通过HTML显示图像(使用div和标签)。我使用下面的PHP代码： <?php
$image = imagecreatetruecolor(100, 100);
$white = imagecolorallocate ($image,255,255,255);
$black = imagecolorallocate ($image,0,0,0);
imagefill($i
浏览 24提问于2021-11-07得票数 0
回答已采纳
1回答
我必须在43行11个液体文件中替换一个修饰符| within: collection。这是一个Shopify电子商务网站。一看到43 results in 11 files - Open in editor，我就点击它，这样就打开了一个新页面，其中只有所有11个文件的片段。当试图在替换这个新页面中的修饰符后进行保存时，我期望它将所有文件的更改保存到所有文件中，这些更改在源代码树版本控制中反映为修改后的文件。但是，按下CTR+S会带来一个资源管理器窗口来保存这个新文件。如何将这些更改保存到相应的文件中，以便它们在版本控制中出现修改？附件是VS代码页的图像，显示了我所做的事情。
浏览 2提问于2021-08-28得票数 0
回答已采纳
我有一个asp.net网站。我希望能够上传图片到它上面。我将是唯一一个上传图片的人，所以只有一个用户可以上传图片。我使用的是Access数据库。
如果上传图像，是否需要将图像保存到文件夹并引用路径？或者，我可以将blob上传到数据库并以这种方式检索它以显示它吗？
这有什么起伏呢？会不会导致网页加载时间更长？如果我使用blob方法，我如何显示该图像？
浏览 0提问于2013-06-16得票数 0
回答已采纳
我最近开始尝试pymc，才意识到pymc.Matplot.plot生成的图像正在保存到磁盘上，我用它来诊断MCMC是否表现良好。这会导致图像出现在我运行脚本的任何地方，并且清除它们非常耗时。有没有办法阻止图形被保存到磁盘上？我在文档中看不清任何东西。
浏览 5提问于2017-01-24得票数 0
回答已采纳
1回答
我试图将图像转换成4维的numpy张量，我想将它保存到一个文件中，更好地说是一个csv文件。我已经在我想要的维度中有了图像数组，但是现在问题是保存到一个文件中。拜托，我该怎么做呢？
浏览 9提问于2020-11-07得票数 1
回答已采纳
我尝试在iOS 9应用程序中使用pdf图像文件作为LaunchScreen的矢量图像，但它没有显示出来。我也不知道原因。
浏览 1提问于2015-11-21得票数 1
我想在不使用webview的情况下在我的应用程序中显示HTML内容。HTML数据可以包含文本(包括样式)、图像、表格等。有没有这样的库？我读过关于HTML解析器的文章，但是如果我使用这个解析器，我将不得不动态创建每个视图。除此之外，还有其他的解决方案吗？在这方面需要帮助。
浏览 3提问于2017-06-20得票数 3
我正在使用Bacon/BaconQrCode库来生成二维码图像，那么如何将二维码图像保存到特定的文件夹?？请帮帮忙。
我的代码：-
$renderer = new \BaconQrCode\Renderer\Image\Png();
$renderer->setHeight(256);
$renderer->setWidth(256);
$writer = new \BaconQrCode\Writer($renderer);
$writer->writeFile('www.google.com', 'qrcod
浏览 5提问于2016-10-18得票数 0
我正在开发一个像Talking Tom这样的应用
我试着录制音频，保存到文件，然后用安卓的Mediaplayer播放，但保存文件然后播放有一点延迟。它不像Talking Tom那样平滑
我看到MediaRecorder和MediaPlayer都接受setOutputFile & setDataSource中的参数FileDescriptor。
有没有办法在不保存到文件的情况下录制然后播放？
SoundPool & Mediaplayer可以像byte [] buffer一样使用字节数组吗？
请帮帮我！
浏览 3提问于2016-01-02得票数 1
2回答
我正在使用pymongo在我的Django项目中存储用户评论。我需要将评论图像保存到数据库中，然后将其显示在由Django模板生成的页面上，但当我使用request.FILES.get (...)，read(...)时，行不会保存在Mongo中，因为它不是用utf-8编码的。
如何正确地将图像保存到mongoDB中，然后在HTML页面上显示？
浏览 0提问于2012-08-12得票数 2
回答已采纳
我有一个用于保存图像的二进制字段 photograph = models.BinaryField(default=None) 在我的表单中，我保存了图像 photograph = cd['photograph'].file.getvalue(),
) 在我看来 f = open('my.jpeg', 'bw')
myfile = File(f)
myfile.write(student.photograph)
filepath = os.path.abspath(o
浏览 20提问于2020-07-02得票数 0
我需要在视网膜和非视网膜显示下在UIWebView中显示一个超文本标记语言页面。
此外，我想使用HTML5的缓存清单功能。但我希望有两个不同的缓存清单文件，链接到视网膜和非视网膜图像。
我可以对缓存清单使用任何逻辑语句吗？或者我可以动态更改清单文件吗？
浏览 0提问于2012-08-02得票数 0
3回答
我正在做一个项目，我需要上传一个CSV文件并阅读它。我在Visual Studio2010和MVC3和C#语言中工作。
如果我要使用html fileuplaod控件，我应该如何获取上传的文件并在客户端读取它，而不将文件保存在服务器中。我必须使用jquery吗？我已经搜索过了，但没有找到满足我要求的解决方案。我是MVC3和CSV文件处理的新手，非常困惑。
*上传并读取.csv文件以便将其保存到数据库的最简单方法是什么。
一个清晰的解决方案是高度的appreciated.Thanks。
浏览 2提问于2011-02-21得票数 7
3回答
我有一个审计表，audit_report field.Field类型是text .I将pdf文件保存到文件夹中，并将名称保存到数据库中。我尝试在查看页面上显示pdf。但是带有图像标志的盒子只有一个。我可以在yii2框架的查看页面上显示jpeg和png文件nicely.How。
浏览 12提问于2017-01-11得票数 2
回答已采纳
我有一个以FB图像url作为param的服务，检查它是一个返回图像的有效url，如果所有检查都通过了，则返回url。如果这些参数也被传入，我想添加一个步骤来调整图像的大小，然后像以前一样通过url返回调整大小的图像。
至少可以说，我在图像处理方面的经验很少，但到目前为止，我的理解是使用一个库，例如sharp，调整它的大小，将新大小的图像保存到某个地方，然后将新的url返回到图像位置。
这似乎是最符合逻辑的方法。但是，我想知道如果我不想在任何地方托管这些调整大小的图像，会有什么可能的解决方案。还有其他的方法吗?还是我以前的理解已经走上了正轨？
facebook的例子url看起来应该是：https
浏览 0提问于2017-08-30得票数 2
回答已采纳
我已经开发了一个小型iPhone应用程序，其中用户可以从图像选择器中选择图像，该图像将显示在视图中。当用户第一次选择一个图像时，我已经将图像名称保存到一个数据库中，并将该图像保存到具有该名称的资源文件夹中。当主视图出现时，我从资源文件夹中搜索图像并在主视图中显示该图像。
当我在iPhone模拟器中运行这个应用程序时，它可以成功运行，但是当我为了测试目的而在iPhone上实际尝试它时，我无法在主视图中显示图像。有人知道这是怎么回事吗？
浏览 0提问于2010-01-20得票数 1
我使用jekyll写文章，并在GitHub页面中显示它。我的源文件是用标记写的。
如何将公式插入到减价文件中？
我不想将公式保存到图像中，并将图像加载到标记文件中。实际上，我希望在标记文件中直接编写latex公式。
浏览 6提问于2014-10-09得票数 80
回答已采纳
我正在写一个基于网络的应用程序，让用户裁剪图像，然后将其保存到他/她的计算机上，然后在html中显示。我成功地裁剪图像并将其保存到计算机中，但是我在html中显示它时遇到了问题。它没有显示任何内容。
下面是我的控制器中保存裁剪图像的代码：
string base64 = Request.Form["imgCropped"];
byte[] bytes = Convert.FromBase64String(base64.Split(',')[1]);
using (FileStream stream = new FileStream(@"D:\Cropp
浏览 0提问于2018-04-20得票数 0
我有一个表视图，其单元格显示通过使用URLSessionDownloadTask下载的图像。我已经看到了一些教程/帖子，它们处理的常见场景是，必须检查调用下载特定图像的单元格没有被重用，并且仍然必须显示这样的图像，方法是设置和检查单元格的标记，或者在稍后保存和检查名为/接收到的图像的URL。
但是在这些教程/帖子中，网络任务要么是从tableView(_:cellForRowAt:)方法中的视图控制器(然后我看到选中了单元格的标记)调用的，要么是从UITableViewCell子类(然后看起来图像的URL通常被选中)调用的。在这些情况下，我了解到在调用下载任务完成时，已经可以重用单元格了。但我
浏览 0提问于2017-09-09得票数 0
我正在建造一个图像识别水瓶项目。我要把图片显示在网页上。以下是我的项目结构：
如您所见，static、templates和upload位于同一个文件夹中。如果我将图像保存到static文件夹中(这是由VS2015烧瓶项目生成的)，然后按如下方式编写result.html：
<!doctype html>
<h3>{{ outcome_info }}</h3>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
浏览 2提问于2018-06-13得票数 5
回答已采纳
以下代码用于AWS识别图像标签的检测。
问题1)由于AWS识别一次只能运行一个图像，所以我使用List一次添加多个图像。但是，如果我想运行100张图像呢？这意味着，我必须手动写100张图片的名字，这将花费永远的时间。如果我有100个图片，名为image1，image2，image3，.image100？
问题2)下面的代码将将所有3个图像的响应保存到一个JSON文件中。如何将响应保存到单个文件中？
# List to record all the responses
responselist=[]
list=['picture1.jpg','picture2.j
浏览 4提问于2020-08-30得票数 0
回答已采纳
试图在量化中实现下面的场景。
调用函数(使用step)将返回值保存到变量中。将保存的值传递给下一个函数或步骤。
举个例子，我就是这么做的
场景步骤
1.generate_token // this will call a function & return token value
2.store into 'token_value' // save as token_value
3. display variable value '${token_value}' // here display variable value is custom s
浏览 3提问于2021-03-04得票数 0
我有这样一个json文件：
{"user":{"email":"user@test.com"},
"screenshot":{"blobFile":"<!DOCTYPE html><html lang=\"en\">...</html>"}}
我想要截图，使用XMLHttpRequest发送数据一个PHP文件。
在PHP文件中，请求如下：
$data = json_decode(file_get_contents("php://input
浏览 4提问于2017-08-19得票数 0
回答已采纳
我有这个代码和它的工作原理，但是..它保存这个wwww "to fast“和html文件，我在www加载图像的中间部分看到:/所以我怎样才能延迟脚本或smth在这个www上停留更多的时间，当所有的东西都加载到www上，然后保存到文件中？
<pre><?php
$file = fopen("brawl2.html", "w");
$c = curl_init();
curl_setopt($c, CURLOPT_URL, "https://brawlstats.com/club/8LG08L");
curl_setopt
浏览 3提问于2019-01-25得票数 0
5回答
我有一个PHP循环，它执行以下操作：
通过CURL捕获和内部页面登录到网页，该页面需要登录，使用WKHTMLTOPDF将页面保存到本地文件，将页面呈现为PDF<代码>G29</code>
我遇到的问题是，每隔一段时间(大约30%的时间)，图像不会在PDF中呈现。如果我打开一个保存的HTML文件，我会发现我需要进入并手动刷新页面以使图像显示。
对于如何以务实的方式确保图像加载有什么想法吗？我尝试过的事情：
sleep(n)之间的每一行添加--javascript-delay 30000到我的WKHTMLTOPDF调用，以确保它有足够的时间来加载任何图像.
第一次让事情变得
浏览 7提问于2012-05-07得票数 9
回答已采纳
1回答
可能重复：
我已经构建了一个Web页面，它在iframe中加载数据，并允许用户从中绘制图表。演示页面是。
在用户加载数据并绘制图表之后，我想让他们能够将页面保存到他们的计算机并继续脱机使用(通常在不同的图表类型之间切换)。有办法这样做吗？
我已经考虑过但似乎行不通的：
浏览器保存为.html =>只保存页面源。
保存为.mht =>保存页面源文件和外部文件(脚本、css)，但不保留iframe内容。
保存页面innerHTML =>保存包含iframe的内容，但不保留外部脚本。
Update几个人提到了另一篇文章：“用本地存储保存div的内容，然
浏览 3提问于2012-11-02得票数 1
如何在不将图片保存到文件系统的情况下在WebView中显示图片？
我试图实现我的自定义ContentProvider，但openFile方法返回指向文件系统(或套接字)的ParcelFileDescriptor。我的照片在文件系统里，但是是加密的。
我也尝试过URL.setURLStreamHandlerFactory，但在android java中它是没用的(因为自定义streamHandler可以在jvm中注册，这是不允许的)。
我也尝试了html代码"img src=\"data:image.gif;base64，R0lGODlhiAAkAMQAANOOk..."
浏览 0提问于2010-08-31得票数 2
回答已采纳
我使用视频采集器对图像进行编码，并将其编码为h264格式，然后将其发送到我的客户端pc。
我的客户端pc解码并显示它。它可以很好地解码和显示。
但我将这些压缩图像保存在一个文件中。它可以被vlc或quicktime解码。但是它可以通过ffplay解码。
我想是因为我没有保存pps和sps信息。
有没有人知道如何在ffmpeg中获得pps sps？
浏览 0提问于2010-11-16得票数 0
1回答
我试图在google应用引擎中编写一个图像文件，但是得到了一个错误“文件系统是只读的”。我检查了其他选项，包括“临时”文件夹和存储桶。由于这个原因，我不能使用临时文件夹：“文件可以临时写入/tmp。请注意，写入/tmp的文件可能无法在后续的应用程序请求中使用。”为了保存在桶中，我首先需要写成图像格式，只有这样，我才能上传桶。在应用程序引擎中是否有将base64写成图像文件的解决方案？
浏览 0提问于2020-01-23得票数 1
1回答
CImg保存图像更改值？
、、、、
所以我用CImg库来玩图片.问题是，当我打开一个文件以更改其RGB值和保存时，修改后的图像不会保留已更改的值或原始值。
CImg<unsigned char> image_out( img.c_str() );
image_out(0,0,0) = 253; //reset new rgb values
image_out(0,0,1) = 248;
image_out(0,0,2) = 251;
image_out.save( "out.jpeg" );
当我再次打开图像时，我得到的是新的RGB值.
R: 249 G: 249 B: 249
我真的不明白为什么
浏览 8提问于2015-03-17得票数 0
回答已采纳
我使用Virtuemart 2.0.2和Joomla 1.7。
我想定制虚拟艺术家，以显示特定的产品图像，通过选择他们的颜色。
但是我在虚拟环境中找不到文件/代码，在那里我可以添加自定义字段“产品颜色”的值，同时将产品图像保存到数据库中。
在保存产品图像时，我希望添加自定义字段“产品颜色”的价值，以便识别哪些产品图像与哪种颜色相关。
我在早期版本的virtuemart中已经这样做了，但无法在virtuemart 2.0.2中找到它。
从很长一段时间以来一直被困在这上面。有人能帮我吗？
提前谢谢。
浏览 3提问于2012-04-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
