将图片转成数据:image/png;base64用于网页显示

     2023-03-15     75

关键词:

【中文标题】将图片转成数据:image/png;base64用于网页显示【英文标题】:Converting image into data:image/png;base64 for web page disaplay 【发布时间】:2012-04-01 11:22:50 【问题描述】:

如果访问jQuery-File-Upload Demo page 并尝试上传图片,然后查看 JSON 响应,他会注意到上传图片的预览以以下格式返回:

"thumbnail_url":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAI...

据我了解,图像正在转换为字符串并发送回客户端。

如何在 C# 中为同一个演示引入 ASP.NET 后端?

【问题讨论】:

我记得不久前可能对您有帮助的一个问题的答案:***.com/a/8706618/1073107 @dash - 太棒了。将其发布为答案。它只是像两行代码。非常感谢! 【参考方案1】:

我记得不久前阅读了非常称职的技术人员对一个问题的回答并想“我从来不知道你能做到这一点!”

In that answer is an example 关于如何将 ASP.Net 图像的 src 设置为您在上面看到的 base64 编码数据。

它实际上归结为如下设置 ASP:Image 控件的 src:

imgCtrl.Src = @"data:image/gif;base64," + Convert.ToBase64String(File.ReadAllBytes(Server.MapPath(@"/images/your_image.gif")));

记得根据图片改变内容类型!

【讨论】:

对于那些可能偶然发现这个线程的人:如果您的图像是作为内存流生成的,您可以执行以下操作:MemoryStream ms = new MemoryStream(); /* 然后是一些代码来填充该图像流 */ String base64String = Convert.ToBase64String(ms.ToArray());然后使用上述答案。

图片网址:data:image/png;base64 (KineticJS)

】图片网址:data:image/png;base64(KineticJS)【英文标题】:ImageURL:data:image/png;base64(KineticJS)【发布时间】:2012-12-2015:33:48【问题描述】:当使用KineticJS到generateanimageofthecanvas时,函数stage.toDataURL()给了我一个以data:image/png;base64开头的URL... 查看详情

data:。image/png,base64,………源图片需要上传到服务器空间吗,如不上传,那源图

data:。image/png,base64,………源图片需要上传到服务器空间吗,如不上传,那源图片该保存到哪里呢,参考技术A肯定需要传到服务器空间里面的,不然怎么调用图片。图片显示指定的路径就是存放的路径。追问可是,我把图片上... 查看详情

从给定的字符串数据中将透明像素变为白色:image/png;base64

】从给定的字符串数据中将透明像素变为白色:image/png;base64【英文标题】:MakingtransparentpixelswhitefromgivenStringdata:image/png;base64【发布时间】:2012-10-2514:50:04【问题描述】:我知道这可以用纯PHP完成,但找不到解决方案。这是我目... 查看详情

如何映射数据:image/png;base64 in:

】如何映射数据:image/png;base64in:【英文标题】:Howtomapdata:image/png;base64in:【发布时间】:2022-01-1808:55:14【问题描述】:result:0:name1:\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfE…o7ZEAAABQlSFM6AAAwBv/Dwx2OpU7DJNTAAAAAElFTkSuQmCC\'1:na 查看详情

前端将图片转换为base64位无法使用ajax传递怎么解决?

...em.Drawing.Image)binFormatter.Deserialize(memStream);stringbase64Str="图片的BASE64字符串";byte[]bytes=System.Convert.FromBase64String(base64Str);using(System.IO.MemoryStreamms=newSystem.IO.MemoryStream(bytes))returnSystem.Drawing.Image.FromStream(ms);ajax(,url:form.action,,type:"... 查看详情

获取数据:image/png;base64,image net::ERR_INVALID_URL

】获取数据:image/png;base64,imagenet::ERR_INVALID_URL【英文标题】:GETdata:image/png;base64,imagenet::ERR_INVALID_URL获取数据:image/png;base64,imagenet::ERR_INVALID_URL【发布时间】:2016-03-1421:53:29【问题描述】:我想使用Angular.js转换从服务器获取的图... 查看详情

图片base64编码数据格式

参考技术A最近公司的某个接口需要将图片以Base64编码后的字符串作为参数。借此了解图片的Base64编码。图片进过Base64编码后生成的数据如下:data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8Ep... 查看详情

base64 的前缀 'data:image/png;base64,' 是不是影响显示图像?

】base64的前缀\\\'data:image/png;base64,\\\'是不是影响显示图像?【英文标题】:Doesprefix\'data:image/png;base64,\'ofbase64affecttodisplayingimage?base64的前缀\'data:image/png;base64,\'是否影响显示图像?【发布时间】:2015-07-2916:48:42【问题描述】:我... 查看详情

微信小程序如何将base64转成file格式

或者图片上传时将获取到的图片转成file格式参考技术A在开发微信小程序的时候,一张图片需要通过WebSocket获取,WebSocket返回png图片的二进制格式的数据,然后小程序将ArrayBuffer转成base64并赋给image的src属性,如下...追问如下??... 查看详情

使用base64格式的图片制作icon

使用Base64格式的图片制作ICON的优势是Base64图片可以减少请求次数;加快首屏数据的显示速度;使用这种方式不会对图片压缩  使用base64工具将图片转成字符串使用站长工具可以将图片转成字符串,直接将图片上传即可,... 查看详情

前端与ios图片与base64转换

参考技术AiOS----->前端UIImage*originImage=[UIImageimageNamed:@"originImage.png"];NSData*data=UIImageJPEGRepresentation(originImage,1.0f);NSString*encodedImageStr=[database64EncodedStringWithOptions:NSDataBase64Encoding64CharacterLineLength];然后再拼上前缀 data:image/pn... 查看详情

图片的base64编码怎么去掉data:image/jpeg;base64,前缀

base64编码里边没有逗号,可以这样:.substring(src.indexOf(",")+1)<!DOCTYPEhtml><html><metacharset="UTF-8"><title>Document</title>ctx.drawImage(img,0,0,img.width,img.height);vardataURL=canvas.toDataURL("image/png");returndataURL... 查看详情

将inputtype="file"类型的图片文件转成base64

带有图片的form表单上传数据是很麻烦的,因为图片通常都是和文字分开上传,这是很麻烦的,所有吧图片转成base64就可以和当成文字上传了。话不多少,看代码:首先定义一个类型为file的input标签还要定义一个onchange事件,并传... 查看详情

将图片转成base64写进hml,无需依赖本地文件

因项目需求更改,本来html中的图片是需要本地图片支持的,结果改了 经过自己查阅资料,轻松搞定 1,通过base64encodee.encode(byte[]),将文件的字节数组传入,得到一个字符串 str,2,标签<img src=""/>, 将字符串... 查看详情

asp.net图片转成base64位流,怎么转后在转成图片图片显示不全

64位码不全,图片不是很过几KBasp.net图片转base64方法如下,在确保数据完整的情况下是不会有显示不全的情况出现。<%FunctionImagesToBase64(FileName)DimxmlDimrootDimfsDimFilePathDimobjStreamDimobjXMLDocDimBase64\'\'定义变量完结\'创建对像FilePath=Server... 查看详情

PHPMailer 发送 base64 图像

...14-10-0711:47:23【问题描述】:我正在尝试通过PHPMailer从MySQL数据库中通过电子邮件发送图像。目前我将图像从数据库中取出,base64_decode它,然后将所有空格替换为加号:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfEAAAOzCAYA 查看详情

android,base64转bitmap

...(Exceptione)e.printStackTrace();returnbitmap;我传参数就是在网上用图片生成的base64字符串,具体格式如下:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASdAAAEnQB3mYfeAAAIABJREFUeJzsvXmcXUWZ//95qu........GP4/AM6F2NNgroAAAAA... 查看详情

网络图片url内容进行base64处理

参考技术A原文链接:http://106.13.94.122/to/blog/streamline?uuid=179(1)请求URL获取图片资源(2)得到图片的二进制数据,以二进制封装得到数据(3)对字节数组Base64编码输出:在访问格式:data:image/png;base64,base64后的值如下: 查看详情