Wie schreibt man einen Bild-browser als binären Datenstrom in coldfusion?

Ich habe einen Dienst auf einem server, Coldfusion 9 erstellt image-Banner auf der fliege für uns. Eine separate Maschine speichern Sie diese Dateien mit so etwas wie:

wget http://myserver.com/services/local/bannerCreator/250x250-v3.cfm?prodID=3&percentSaving=19

Das problem ist, dass ich nicht denken kann, wie man coldfusion zu schreiben, die binäre Daten ohne die Verwendung einer temporären Datei. In der minute wird das Bild nur angezeigt, als ein image-tag, wie diesem:

<cfimage action = "writeToBrowser" source="#banner#" width="#banner.width#" height="#banner.height#" />

Irgendwelche Ideen? Oder sollte ich einfach eine temporäre Datei?

InformationsquelleAutor boodle | 2011-04-12
  1. 12

    Kann ich nicht testen, weil Sie nicht die Angabe von Beispiel-code, wie Ihre Bilder entstehen, aber Sie haben versucht, etwas entlang dieser Linie?

    <cfcontent reset="true" variable="#imageData#" type="image/jpg" />

    Update: So ich ging voran und schuf mein eigenes Bild; ich nehme an, Sie tun etwas ähnliches. Dies funktioniert perfekt für mich:

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

    Dies funktioniert ohne das schreiben auf die Datei, und ohne Verwendung eines virtual file system ("ramdisk")

    • Fyi: es gibt keine Notwendigkeit, explizit den reset-Attribut true, weil true ist der Standardwert.
    InformationsquelleAutor Adam Tuttle
  2. 5

    Wenn Sie die Binär-bytes von einer Datei/Bild, können Sie ersetzen Sie den output-buffer mit Inhalt etwa so:

    <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>

    Ziemlich viel, was <cfcontent> tut, wenn Sie verwenden reset="true"

    Der Vorteil dieser Methode gegenüber der <cfcontent> ist, dass wir schreiben es in unseren cfscript-Basis FCKW-frei.

    InformationsquelleAutor Mike Causer
  3. 4

    Fand ich die Lösung oben

    <cfcontent variable="#toBinary(toBase64(img))#" type="image/png" reset="true" />

    nicht so Recht funktionieren bei mir.

    Einstellung type="image/png" ist nur die Einstellung der mime-Typ der Antwort. Ich glaube nicht, dass es unbedingt Kodierung das Bild als PNG. Als solche erzeugen Sie ein transparentes png (Bild geben "argb") gab mir die ungerade Farben, die im Vergleich zu den <cfimage action = "writeToBrowser"...> Methode.

    Dachte ich, irgendwie musste ich explizit codieren der Bilddaten im PNG-und Ausgabe der Binär-Daten direkt.

    Einige Graben um in der zugrunde liegenden java, ich kam mit dieser, die so weit scheint zu funktionieren für mich.

    Diesem Beispiel wird ein transparentes png mit einem schwarzen Kreis.

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

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

    Ich hoffe, das hilft jemand!

    • Rechts cfcontent stellt nur die Content-Type - header (und Optional gibt den Inhalt einer Datei oder Variablen). Ist nicht soll, um den Inhalt zu ändern. Welchen code gab Sie "ungerade Farben im Vergleich zu writeToBrowser"?
    • Ich bekam die seltsame Farben mit diesem code, Leigh: <cfset img = imageNew("",1,1,"argb","") /> <cfcontent variable="#toBinary(toBase64(img))#" type="image/png" reset="true" /> Danke Ross!
    InformationsquelleAutor Ross Taylor
  4. 3

    Nehmen Sie die Höhe und Breite Attribute und fügen Sie den format-Attribut:

    <cfimage action = "writeToBrowser" source="#banner#" format="png" />

    wget zu Ehren sollte die Umleitung auf die physische Datei CF erstellt im CFFileServlet Ordner, aber wenn es nicht es ist ein flag, das man setzen kann, um es --max-redirect=10.

    Und wie Sie Sie vorschlagen, eine temporäre Datei würde auch funktionieren. Schreiben Sie einfach die Datei und verwenden Sie cfheader und cfcontent zu schreiben. So stellen Sie sicher, stellen Sie temp-file-name mehr einzigartig.

    <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" />
    InformationsquelleAutor Matt Shooks
  5. 0

    Ich das gleiche tun, und Sie brauchen, um zu kombinieren mit cfscript-tags und. Es gibt image-Funktionen, die erforderlich sind. Es gibt eine Menge von Bild-Funktionen zur Verfügung, sobald Sie ein Bild im Speicher als variable. Sie können das Bild in den Speicher, mit CFFILE oder CFHTTP oder eine Reihe von anderen Möglichkeiten.

    In meinem Fall, lese ich eine Bilddatei in den Speicher mit CFIMAGE tag, dann manipulieren Sie mit CFSCRIPT-image-Funktionen durch das hinzufügen von text auf den Boden, dann die Ausgabe des resultierenden Bildes als .png (oder .jpg, wenn Sie bevorzugen) an den browser. Die einzige Datei auf dem server gespeichert, das original-Bild-Datei. In Ihrem Fall Lesen, anstatt in einem Bild würde man es mit einem cfhttp-tag, wie Sie bereits tun. Hier ist mein code: 

    <!---Get the image for processing ...--->
<cfimage action="read" source="#application.approotABS#\webcam\webcam.jpg" name="CamImage" /> 
<!--- prepare the text for overlay --->
<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>

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

    Sehen Sie es in Aktion auf der http://hawkesburyradio.com.au/index.cfm?pid=111538

    (Ich bin mit CF9 mit Windows Server )

    InformationsquelleAutor user3001950
Schreibe einen Kommentar