今天在邦邦和milkmidi看到webcam to JPG的文章蠻有意思的，所以做了一個文字框轉JPG的練習。

DEMO

流程
把文字框畫在Bitmapdata→用JPGEncoder 把bitmapdata編碼為JPG格式→丟到ByteArray→用uploadFile()上傳到後端並產生實體檔案
JPGEncoder和uploadFile的部份是外國強者開發的，所以我們只要懷著感恩的心引用函式即可~
JPEGEncoder 可參考以下網址：
http://marstonstudio.com/index.php/2007/08/19/how-to-take-a-snapshot-of-a-flash-movie-and-automatically-upload-the-jpg-to-a-server-in-three-easy-steps/

http://code.google.com/p/as3corelib/
uploadFile()可參考以下網址：
http://www.jooce.com/blog/?p=143
http://www.jooce.com/blog/wp%2Dcontent/uploads/2007/06/uploadFile.txt

Code如下:
bytearrayToFile.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" > <mx:Script> <![CDATA[ import mx.controls.Alert; import com.jooce.net.uploadFile; import com.adobe.images.JPGEncoder; private function savejpg():void{ var target:TextField = new TextField(); target.text = "可按右鍵另存圖片"; //width、height、是否透明、底色 var bitmapData:BitmapData = new BitmapData(273, 176, true, 0x0000FF00); var drawingRectangle:Rectangle = new Rectangle(0, 0, 20, 20); //txt是文字框 bitmapData.draw(txt); bitmapData.draw(target); var loader: URLLoader = new URLLoader(); loader.addEventListener( Event.COMPLETE, onURLLoaderComplete ); loader.addEventListener( IOErrorEvent.IO_ERROR, onURLLoaderFailure ); //把bitmapdata用JPGEncoder轉為JPG格式，JPGEncoder(圖片品質)，再丟到ByteArray var byteArray:ByteArray = new JPGEncoder(85).encode(bitmapData); //把byteArray用uploadFile()上傳到後端並產生實體檔案 uploadFile( loader, 'http://www.joehwang.net/flex/place/v2/upload.php', byteArray, 'Test.jpg' ); } private function inite():void{ //產生文字檔測試 var loader: URLLoader = new URLLoader(); loader.addEventListener( Event.COMPLETE, onURLLoaderComplete ); loader.addEventListener( IOErrorEvent.IO_ERROR, onURLLoaderFailure ); var file: ByteArray = new ByteArray; file.writeUTFBytes( 'Test' ); uploadFile( loader, 'http://www.joehwang.net/flex/place/v2/upload.php', file, 'Test.txt' ); } private function onURLLoaderComplete(evt:Event):void{ Alert.show("上傳ok"); } private function onURLLoaderFailure(evt:Event):void{ trace("Fail"); } ]]> </mx:Script> <mx:Panel x="389" y="177" title="My First Form" height="252" width="293"> <mx:TextInput height="176" width="274" text="請輸入文字" fontSize="50" id="txt"> </mx:TextInput> <mx:ControlBar > <mx:Button label="SAVE JPG" click="savejpg()"/> <mx:LinkButton id="sample_button" label="View JPG" click="navigateToURL(new URLRequest('http://www.joehwang.net/flex/place/v2/uploads/Test.jpg'), '_blank')" /> </mx:ControlBar> </mx:Panel> </mx:Application>

upload.php