blocks|key|3081441|text|我不能测试，因为你没有给出你的图像是如何生成的示例代码，但是你有没有尝试过这种方式呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3081442|<cfcontent+reset="true"+variable="#imageData#"+type="image/jpg"+/>|code-block|syntax|javascript|3081443|3081444|更新:所以我继续创建了我自己的图像；我假设您也在做类似的事情。这对我来说非常有效：|3081445|<cfset+img+=+imageNew("",200,200,"rgb","red")+/>
<cfcontent+variable="#toBinary(toBase64(img))#"+type="image/png"+reset="true"+/>|3081446|这不需要写入文件，也不需要使用虚拟文件系统("ramdisk")|3081447|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|L|3|M|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

I can't test because you're not giving any example code for how your images are generated, but have you tried something along this line?

<pre><code>&lt;cfcontent reset="true" variable="#imageData#" type="image/jpg" /&gt;
</code></pre>

<hr>

Update: So I went ahead and created my own image; I'll assume you're doing something similar. This works perfectly for me:

<pre><code>&lt;cfset img = imageNew("",200,200,"rgb","red") /&gt;
&lt;cfcontent variable="#toBinary(toBase64(img))#" type="image/png" reset="true" /&gt;
</code></pre>

This works without writing to file, and without using a virtual file system ("ramdisk")

blocks|key|3081485|text|去掉height和width属性，并添加format属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3081486|<cfimage+action+=+"writeToBrowser"+source="#banner#"+format="png"+/>|code-block|syntax|javascript|3081487|wget应该允许重定向到CF在CFFileServlet文件夹中创建的物理文件，但是如果没有，可以设置一个标志，使其成为--max-redirect=10。|offset|length|style|CODE|3081488|按照您的建议，临时文件也可以使用。只需写入文件并使用cfheader和cfcontent将其写出即可。只需确保临时文件名更加唯一即可。|3081489|<cfimage+action="write"+destination="tempfile.png"+source="#banner#"+format="png"+/>
<cfheader+name="content-disposition"+value="attachment;+filename=banner.png"+/>
<cfcontent+file="tempfile.png"+deletefile="true"+type="image/png"+/>|3081490|entityMap^0|0|0|1O|H|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Take out the height and width attributes and add the format attribute:

<pre><code>&lt;cfimage action = "writeToBrowser" source="#banner#" format="png" /&gt;
</code></pre>

wget should honor the redirection to the physical file CF creates in the CFFileServlet folder but if it doesn't there is a flag you can set to make it <code>--max-redirect=10</code>.

And as you suggest, a temporary file would work too. Just write the file and use cfheader and cfcontent to write it out. Just make sure to make the temp file name more unique.

<pre><code>&lt;cfimage action="write" destination="tempfile.png" source="#banner#" format="png" /&gt;
&lt;cfheader name="content-disposition" value="attachment; filename=banner.png" /&gt;
&lt;cfcontent file="tempfile.png" deletefile="true" type="image/png" /&gt;
</code></pre>

blocks|key|248207|text|如果你有一个文件/图像的二进制字节，你可以用它的内容替换输出缓冲区，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|248208|<cfscript>
//+eg.+this+is+how+you+get+a+file+as+a+binary+stream
//+var+fileBytes+=+fileReadBinary(+'/path/to/your/file.jpg'+);

//+get+the+http+response
var+response+=+getPageContext().getFusionContext().getResponse();

//+set+the+appropriate+mime+type
response.setHeader(+'Content-Type',+'image/jpg'+);

//+replace+the+output+stream+contents+with+the+binary
response.getOutputStream().writeThrough(+fileBytes+);

//+leave+immediately+to+ensure+no+whitespace+is+added
abort;
</cfscript>|code-block|syntax|javascript|248209|在使用reset="true"时，<cfcontent>所做的工作与您使用reset="true"时所做的差不多|offset|length|style|CODE|248210|与<cfcontent>相比，这种方法的优点是我们可以在基于cfcs的cfscript中编写它。|248211|entityMap^0|0|0|3|C|H|B|11|C|0|1|B|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]|$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@$I|10|J|11|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|P|$]]

If you have the binary bytes of an file/image, you can replace the output buffer with it's contents like so:

<pre><code>&lt;cfscript&gt;
// eg. this is how you get a file as a binary stream
// var fileBytes = fileReadBinary( '/path/to/your/file.jpg' );

// get the http response
var response = getPageContext().getFusionContext().getResponse();

// set the appropriate mime type
response.setHeader( 'Content-Type', 'image/jpg' );

// replace the output stream contents with the binary
response.getOutputStream().writeThrough( fileBytes );

// leave immediately to ensure no whitespace is added
abort;
&lt;/cfscript&gt;
</code></pre>

Pretty much what <code>&lt;cfcontent&gt;</code> does when you use <code>reset="true"</code>

The advantage of this method over <code>&lt;cfcontent&gt;</code> is that we can write it inside our cfscript based cfcs.

blocks|key|3081582|text|我找到了上面的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3081583|<cfcontent+variable="#toBinary(toBase64(img))#"+type="image/png"+reset="true"+/>|code-block|syntax|javascript|3081584|对我来说不是很有效。|3081585|设置type="image/png“只是设置响应的mime类型。我不认为它必须将图像编码为PNG。因此，与<cfimage+action+=+"writeToBrowser"...>方法相比，生成透明的png+(图像类型"argb")给我带来了奇怪的颜色。|offset|length|style|CODE|3081586|我想，不知何故，我需要显式地将图像数据编码为PNG并直接输出二进制数据。|3081587|通过对底层java的深入研究，我想到了这一点，到目前为止，这对我来说似乎是可行的。|3081588|此示例绘制了一个带有黑色圆圈的透明png。|3081589|
<cfset+img+=+ImageNew("",+23,+23,+"argb")>
<cfset+ImageSetDrawingColor(img,+"black")>
<cfset+ImageDrawOval(img,+0,+0,+21,+21,+true)>


<cfset+response+=+getPageContext().getFusionContext().getResponse()>

<cfset+response.setHeader('Content-Type',+'image/png')>

<cfset+bImage+=+ImageGetBufferedImage(img)>

<cfset+ImageIO+=+createObject("java",+"javax.imageio.ImageIO")>

<cfset+ImageIO.write(bImage,+"png",+response.getResponse().getOutputStream())>|3081590|我希望这对某些人有帮助！|3081591|entityMap^0|0|0|0|1H|12|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|W|3|X|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

I found the solution above

<pre><code>&lt;cfcontent variable="#toBinary(toBase64(img))#" type="image/png" reset="true" /&gt;
</code></pre>

to not quite work for me.

Setting type="image/png" is just setting the mime type of the response. I don't think it's necessarily encoding the image as PNG. As such, generating a transparent png (image type "argb") was giving me odd colours, when compared to the <code>&lt;cfimage action = "writeToBrowser"...&gt;</code> method.

I figured that somehow I needed to explicitly encode the image data as PNG and output the binary data directly.

With some digging around in the underlying java, I came up with this, which so far seems to work for me.

This example draws a transparent png with a black circle.

<pre><code>&lt;!--- create the image and draw it ---&gt;
&lt;cfset img = ImageNew("", 23, 23, "argb")&gt;
&lt;cfset ImageSetDrawingColor(img, "black")&gt;
&lt;cfset ImageDrawOval(img, 0, 0, 21, 21, true)&gt;

&lt;!--- get the response object ---&gt;
&lt;cfset response = getPageContext().getFusionContext().getResponse()&gt;
&lt;!--- set the response mime type ---&gt;
&lt;cfset response.setHeader('Content-Type', 'image/png')&gt;
&lt;!--- get the underlying image data ---&gt;
&lt;cfset bImage = ImageGetBufferedImage(img)&gt;
&lt;!--- get the magical object to do the png encoding ---&gt;
&lt;cfset ImageIO = createObject("java", "javax.imageio.ImageIO")&gt;
&lt;!--- encode the image data as png and write it directly to the response stream ---&gt;
&lt;cfset ImageIO.write(bImage, "png", response.getResponse().getOutputStream())&gt;
</code></pre>

I hope that helps someone!

blocks|key|5195203|text|我做了类似的事情，您需要结合使用标签和cfscript。有一些图像函数是必需的。有很多图像函数可用，一旦你在内存中有一个图像作为变量。您可以使用CFFILE或CFHTTP或许多其他方法将图像放入内存。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5195204|在我的示例中，我使用CFIMAGE标记将图像文件读入内存，然后使用CFSCRIPT图像函数对其进行操作，方法是在底部添加文本，然后将生成的图像作为.png+(如果愿意，也可以是.jpg+)输出到浏览器。服务器上存储的唯一文件是原始图像文件。在本例中，您可以像以前一样使用cfhttp标记来调用图像，而不是读取图像。下面是我的代码：|5195205|
<cfimage+action="read"+source="#application.approotABS#\webcam\webcam.jpg"+name="CamImage"+/>+

<cfscript>
++attr=structNew();
++attr.font+=+"Arial";
++attr.size+=+15;
++ImageSetDrawingColor(CamImage,+"white");
++ImageDrawText(CamImage,+'LIVE+FROM+STUDIO+1',+18,(ImageGetHeight(CamImage)-54),+attr);
++ImageDrawText(CamImage,+'#ShowOnNow.showname#',+18,(ImageGetHeight(CamImage)-36),+attr);
++ImageDrawText(CamImage,+datestring,18,(ImageGetHeight(CamImage)-18),+attr);

</cfscript>


+<div+class="webcam">++
++++++<cfimage+action="writeToBrowser"+source="#Camimage#"++>
++</div>|code-block|syntax|javascript|5195206|你可以在http://hawkesburyradio.com.au/index.cfm?pid=111538上看到它的实际效果。|offset|length|5195207|(我在Windows+Server上使用CF9+)|5195208|entityMap|0|LINK|mutability|MUTABLE|url|http://hawkesburyradio.com.au/index.cfm?pid=111538^0|0|0|0|4|1E|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I do a similar thing, and you need to combine using tags and cfscript. There are image functions that are required. There are a lot of image functions available, once you have an image in memory as a variable. You can get the image into memory using CFFILE or CFHTTP or a number of other ways. 

In my case, I read an image file into memory using CFIMAGE tag, then manipulate it with CFSCRIPT image functions by adding text to the bottom, then outputting the resulting image as a .png (or a .jpg if you prefer) to the browser. The only file stored on the server is the original image file. In your case instead of reading in an image you'd call it using a cfhttp tag as you already do. Here's my code: 

<pre><code>&lt;!---Get the image for processing ...---&gt;
&lt;cfimage action="read" source="#application.approotABS#\webcam\webcam.jpg" name="CamImage" /&gt; 
&lt;!--- prepare the text for overlay ---&gt;
&lt;cfscript&gt;
 attr=structNew();
 attr.font = "Arial";
 attr.size = 15;
 ImageSetDrawingColor(CamImage, "white");
 ImageDrawText(CamImage, 'LIVE FROM STUDIO 1', 18,(ImageGetHeight(CamImage)-54), attr);
 ImageDrawText(CamImage, '#ShowOnNow.showname#', 18,(ImageGetHeight(CamImage)-36), attr);
 ImageDrawText(CamImage, datestring,18,(ImageGetHeight(CamImage)-18), attr);

&lt;/cfscript&gt;

&lt;!--- further down the page, output the manipulated image: ----&gt;
 &lt;div class="webcam"&gt; 
 &lt;cfimage action="writeToBrowser" source="#Camimage#" &gt;
 &lt;/div&gt;
</code></pre>

You can see it in action at <a href="http://hawkesburyradio.com.au/index.cfm?pid=111538" rel="nofollow">http://hawkesburyradio.com.au/index.cfm?pid=111538</a>

(I am using CF9 with Windows Server )

I have a service on a Coldfusion 9 server that creates image banners on the fly for us. A separate machine has to save these files with something like:

<pre><code>wget http://myserver.com/services/local/bannerCreator/250x250-v3.cfm?prodID=3&amp;percentSaving=19
</code></pre>

The problem is that I can't think of how to get coldfusion to write out binary data without using a temporary file. At the minute the image is just displayed as an image tag like this:

<pre><code>&lt;cfimage action = "writeToBrowser" source="#banner#" width="#banner.width#" height="#banner.height#" /&gt;
</code></pre>

Any ideas? Or should I just use a temporary file?

How do you write a image to browser as a binary stream in coldfusion?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在Coldfusion9服务器上有一项服务，可以为我们即时创建图像横幅。一台单独的机器必须使用以下内容保存这些文件：wget http://myserver.com/services/local/bannerCreator/250x250-v3.cfm?prodID=3&percentSaving=19问题是，我想不...

问如何在coldfusion中将图像作为二进制流写入浏览器？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在coldfusion中将图像作为二进制流写入浏览器？EN