로컬자원을 서버에 전송하기 위해 우리는 FileReference Class를 사용하면 된다.
답은 "된다"
http://blog.jidolstar.com/301
1. BitmapData로 캡쳐해라. 아래 target은 캡쳐할 UIComponent와 같은 DisplayObject 객체이다.
BitmapData로 캡쳐 var bitmapData:BitmapData =
new BitmapData
( target.
width , target.
height ,
true , 0xFFFFFF
) ;
var drawingRectangle:
Rectangle =
new Rectangle ( 0 ,
0 , target.
width , target.
height ) ;
bitmapData.
draw ( target,
new Matrix
( ) ,
null ,
null , drawingRectangle,
false ) ;
단, BitmapData를 이용해서 화면을 캡쳐할 대상이 외부 동영상이나 사진같은 거라면 crossdomain.xml 에 대한 check가 있어야 한다. 컨텐츠 로드시 checkPolicyFile 속성을 true로 설정할 필요가 있겠다.
2. JPG나 PNG로 Encode 하여 ByteArray를 얻는다. Google code
JPGEncoder를 이용하여 JPG ByteArray값 만들기 import mx.graphics.codec.JPGEncoder; new JPGEncoder( ) .encode ( bitmapData) ;
다양한 Image Encoder 사용하기 import mx.graphics.codec.*; var imageType:String = "jpg";
3. 서버에 ByteArray를 전송한다. 데이타를 전송할때는 FileReference를 사용하지 않는다.
Flex/AIR 데이터 전송 방법
//assumed variable declarations //var byteArray:ByteArray = 2번째 단계에서 JPG 데이타를 얻었다. //var fileName:String = "desiredfilename.jpg" //저장할 파일 이름이다. 아무거나 적자! //var uploadPath:String = "저장할 때 사용되는 서버측 script 경로" //var parameters:URLVariables = 이미지 이외에 다른 보낼 다른 데이타가 있다면 이것을 이용한다. //function onComplete(eventObj:Event):void { 성공적으로 데이타를 전송했을때 핸들러 함수 정의 //function onError(eventObj:ErrorEvent):void { 이미지 전송을 실패했을때 핸들러 함수 정의 new URLRequest( ) ;url = uploadPath;//urlRequest. contentType = 'multipart/form-data; boundary=' + UploadPostHelper. getBoundary ( ) ; method = URLRequestMethod.POST ;data = UploadPostHelper.getPostData ( file, byteArray, parameters) ; requestHeaders .push ( new URLRequestHeader( 'Cache-Control' , 'no-cache' ) ) ;
urlRequest.requestHeaders .push ( new URLRequestHeader( 'Content-Type', 'multipart/form-data; boundary=' +UploadPostHelper. getBoundary ( ) ) ) ) ;
var urlLoader:URLLoader =
new URLLoader
( ) ;
urlLoader.
dataFormat = URLLoaderDataFormat.
BINARY ;
urlLoader.
addEventListener ( Event .
COMPLETE , onComplete
) ;
urlLoader.
addEventListener ( IOErrorEvent.
IO_ERROR , onError
) ;
urlLoader.
addEventListener ( SecurityErrorEvent.
SECURITY_ERROR , onError
) ;
urlLoader.
load ( urlRequest
) ;
UploadPostHelper Class (Language : java) package {
import flash.events.*;
import flash.net.*;
import flash.utils.ByteArray;
import flash.utils.Endian;
/**
public class UploadPostHelper
{
/**
private static var _boundary:
String =
"" ;
/**
public static function getBoundary
( ) :
String {
if ( _boundary.
length ==
0 ) {
for ( var i:
int =
0 ; i < 0x20; i++
) {
_boundary +=
String .
fromCharCode ( int ( 97 +
Math .
random ( ) *
25 ) ) ;
}
}
return _boundary;
}
/**
public static function getPostData
( fileName:
String , byteArray:ByteArray, parameters:
Object =
null ) :ByteArray
{
var i:
int ;
var bytes:
String ;
var postData:ByteArray =
new ByteArray
( ) ;
postData.
endian = Endian.
BIG_ENDIAN ;
//add Filename to parameters
if ( parameters ==
null ) {
parameters =
new Object ( ) ;
}
parameters.
Filename = fileName;
//add parameters to postData
for ( var name:
String in parameters
) {
postData = BOUNDARY
( postData
) ;
postData = LINEBREAK
( postData
) ;
bytes =
'Content-Disposition: form-data; name="' + name +
'"' ;
for ( i =
0 ; i < bytes.
length ; i++
) {
postData.
writeByte ( bytes.
charCodeAt ( i
) ) ;
}
postData = LINEBREAK
( postData
) ;
postData = LINEBREAK
( postData
) ;
postData.
writeUTFBytes ( parameters
[ name
] ) ;
postData = LINEBREAK
( postData
) ;
}
//add Filedata to postData
postData = BOUNDARY
( postData
) ;
postData = LINEBREAK
( postData
) ;
bytes =
'Content-Disposition: form-data; name="Filedata"; filename="' ;
for ( i =
0 ; i < bytes.
length ; i++
) {
postData.
writeByte ( bytes.
charCodeAt ( i
) ) ;
}
postData.
writeUTFBytes ( fileName
) ;
postData = QUOTATIONMARK
( postData
) ;
postData = LINEBREAK
( postData
) ;
bytes =
'Content-Type: application/octet-stream' ;
for ( i =
0 ; i < bytes.
length ; i++
) {
postData.
writeByte ( bytes.
charCodeAt ( i
) ) ;
}
postData = LINEBREAK
( postData
) ;
postData = LINEBREAK
( postData
) ;
postData.
writeBytes ( byteArray,
0 , byteArray.
length ) ;
postData = LINEBREAK
( postData
) ;
//add upload filed to postData
postData = LINEBREAK
( postData
) ;
postData = BOUNDARY
( postData
) ;
postData = LINEBREAK
( postData
) ;
bytes =
'Content-Disposition: form-data; name="Upload"' ;
for ( i =
0 ; i < bytes.
length ; i++
) {
postData.
writeByte ( bytes.
charCodeAt ( i
) ) ;
}
postData = LINEBREAK
( postData
) ;
postData = LINEBREAK
( postData
) ;
bytes =
'Submit Query' ;
for ( i =
0 ; i < bytes.
length ; i++
) {
postData.
writeByte ( bytes.
charCodeAt ( i
) ) ;
}
postData = LINEBREAK
( postData
) ;
//closing boundary
postData = BOUNDARY
( postData
) ;
postData = DOUBLEDASH
( postData
) ;
return postData;
}
/**
private static function BOUNDARY
( p:ByteArray
) :ByteArray
{
var l:
int = UploadPostHelper.
getBoundary ( ) .
length ;
p = DOUBLEDASH
( p
) ;
for ( var i:
int =
0 ; i < l; i++
) {
p.
writeByte ( _boundary.
charCodeAt ( i
) ) ;
}
return p;
}
/**
private static function LINEBREAK
( p:ByteArray
) :ByteArray
{
p.
writeShort ( 0x0d0a
) ;
return p;
}
/**
private static function QUOTATIONMARK
( p:ByteArray
) :ByteArray
{
p.
writeByte ( 0x22
) ;
return p;
}
/**
private static function DOUBLEDASH
( p:ByteArray
) :ByteArray
{
p.
writeShort ( 0x2d2d
) ;
return p;
}
}
} 한가지 중요한 정보를 언급하겠다. http://다른도메인/crossdomain.xml
crossdomain.xml (Language : xml) <?xml version ="1.0" ?> <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd"> <cross-domain-policy> <allow-access-from domain ="*.jidolstar.com" /> <allow-http-request-headers-from domain ="*.jidolstar.com" headers ="*" /> </cross-domain-policy>
위 처럼 서버측 crossdomain.xml에 allow-http-request-headers-from을 추가함으로 다른 도메인간에 HTTP 헤더 전송을 허용할 수 있다.
3. Flash Player 10에서는 사용자 인터렉션이 반드시 필요하다.
다음글을 참고하세요.
http://blog.jidolstar.com/411
4. 서버측 코드 작성 만약 위 3번 코드에서 var parameters:URLVariables를 아래와 같이 작성했다고 하자.
URLVariables 설정 (Language : java) var parameters:URLVariables = new URLVariables( ) ;method = "id" ;userId = "2000321" ;
PHP 코드 예제 (Language : php) <?php
$method =
$_POST [ 'method' ] ;
$userId =
$_POST [ 'userId' ] ;
$file_temp =
$_FILES [ 'Filedata' ] [ 'tmp_name' ] ;
$file_name =
$_FILES [ 'Filedata' ] [ 'name' ] ;
$file_size =
$_FILES [ 'Filedata' ] [ 'size' ] ;
if ( $method ==
"id" )
{
$movePath =
"/home/myPath/images/$userId_$file_name" ;
}
else
{
$movePath =
"/home/myPath/images/time_" .
time ( ) .
"_" .
$file_name ;
}
move_uploaded_file ( $file_temp ,
$movePath ) ;
echo "save Complete" ;
?>
데이타 받기 (Language : java) var loader:URLLoader = URLLoader
( event.
target ) ;
var bytedata:ByteArray = loader.
data ;
var strData:
String = bytedata.
toString ( ) ;
trace
( strData
) 자료 출처 http://marstonstudio.com/2007/08/19/how-to-take-a-snapshot-of-a-flash-movie-and-automatically-upload-the-jpg-to-a-server-in-three-easy-steps/ 지돌스타 블로그내 참고자료 - ImageSnapshot 클래스에 대해 : http://blog.jidolstar.com/301 http://blog.jidolstar.com/324 http://blog.jidolstar.com/215