Saving an image with AS3 and PHP: 3. ByteArray

 AS3  5 Responses »
Jan 142008
 

The following ActionScript 3 code is used to save GIF image that is encoded using GIFEncoder. I use GIFEncoder, distributed via ByteArray.org, to encode GIF files.
다음은 GIFEncoder를 이용하여 인코딩한 GIF 파일을 저장하는 액션스크립트3 코드입니다. GIF 파일을 인코딩하기 위해서, ByteArray.org에서 배포하는 GIFEncoder를 사용하였습니다.
これはGIFEncoderを使用してGIFファイルを保存するActionScript3のコードです。GIFファイルをエンコードするために、ByteArray.comで配布されているGIFEncoderを使いました。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

// Imports the GIFEndocer class by Thibault Imbert.
// You can download it from ByteArray.org.
import org.gif.encoder.GIFEncoder;
 
var serverPath:String = "/";
 
// Initializes GIFEncoder
var myGIFEncoder:GIFEncoder = new GIFEncoder();
myGIFEncoder.setRepeat(0);
myGIFEncoder.setDelay (300);
 
// Initializes an URLLoader object to upload a file stream.
var ul:URLLoader = new URLLoader();
ul.addEventListener(Event.COMPLETE, saveDone);
 
var urh:URLRequestHeader = new URLRequestHeader("Accept","image/gif");
var BOUNDARY:String = "---------------------------7d76d1b56035e";
 
/**
 * Starts the gif encoding when clicks on the stage.
 */
stage.addEventListener(MouseEvent.CLICK, generateGIF);
function generateGIF(evt:MouseEvent):void{
 
	// Starts the gif encoder.
	myGIFEncoder.start();
 
	// Add frame.
	var bd:BitmapData = new BitmapData(100, 100, false, Math.round(0xFFFFFF*Math.random()));
	myGIFEncoder.addFrame(bd);
 
	// Finishes the gif encoder.
	myGIFEncoder.finish();
 
	// Starts the upload process.
	uploadGIF();
 
}// end generateGIF
 
/**
 * Generates a file stream and upload it.
 */
function uploadGIF():void{
 
	// Retrieves the file stream from the GIF Encoder.
	var myGIFStream:ByteArray = myGIFEncoder.stream;
	var filename:String = "test.gif";
 
	// Creates the file header.
	var formData:String  =  "--" + BOUNDARY + '\r\nContent-Disposition: form-data; name="Filedata"; filename="' + filename + '"\r\nContent-Type: application/octet-stream\r\n\r\n';
	var formData2:String = "\r\n";
	formData2 += "--" + BOUNDARY + '\r\nContent-Disposition: form-data; name="Filedata"\r\n\r\nSubmit Query\r\n';
	formData2 += "--" + BOUNDARY + '--';
 
 
	// Conbines the header and the file stream.
	var dataArray:ByteArray = new ByteArray();
	dataArray.writeMultiByte(formData,"ascii");
	for(var k:uint=0; k<myGIFStream.length; k++){
		dataArray.writeByte(myGIFStream[k]);
	}	
	dataArray.writeMultiByte(formData2,"ascii");
 
	// Initializes an URLRequest object
	var ur:URLRequest = new URLRequest();
	ur.requestHeaders.push(urh);
	ur.method = URLRequestMethod.POST;
	ur.contentType = "multipart/form-data; boundary=" + BOUNDARY;
	ur.url = serverPath + "test/uploadok.php";
	ur.data = dataArray;
 
	ul.load(ur);
 
}// end uploadGIF
 
/**
 * Executes when a file upload is finished.
 */
function saveDone(evt:Event):void{
	var str:String = evt.target.data;
	trace(str);
}// end saveDone
Special thanks to Kim Eung. He devised the draft of the PHP and AS3 codes. Furthermore, he allowed me to open them to the public.
이 PHP와 AS3 코드의 기틀을 만들고, 이 소스를 공개하는데 흔쾌히 동의하신, 김응 실장님에게 진심으로 감사드립니다.

Saving an image with AS3 and PHP: 2. FileReference

 AS3  3 Responses »
Jan 042008
 

The following code is an ActionScript 3.0 code that uploads files via FileReference.
다음은 FileReference를 이용하여 파일을 업로드하는 액션스크립트3 코드입니다.
Sorry, Japanese translation is not yet available.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

var serverPath:String = "/";
 
// Creates a FileReference object.
var fr:FileReference = new FileReference();
var frFilter:FileFilter = new FileFilter("JPGs", "*.jpg");
 
// Adds events to the FileReference object.
fr.addEventListener(Event.SELECT, fileSelected);
fr.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, fileUploaded);
fr.addEventListener(ProgressEvent.PROGRESS, fileProgress);
fr.addEventListener(IOErrorEvent.IO_ERROR, errorOccured);
 
 
/**
 * Executes when a user selects a file to upload.
 */
function fileSelected(evt:Event):void{
 
	// Checks the size of the file.
	if(fr.size > 200*1024){
		trace("You can NOT upload an image lagerer than 200KB.");
	}else{
		var ur:URLRequest = new URLRequest();
		ur.url = serverPath + "test/uploadok.php";
 
		// Puts newName parameter, to avoid the multi-byte filename problem.
		var uv:URLVariables = new URLVariables();
		uv.newName = "upload.jpg";
 
		ur.data = uv;
 
		// Starts uploading.
		fr.upload(ur);
	}// end if else [fr.size]
 
}// end fileSelected
 
 
/**
 * Executes when a file upload is finished.
 */
function fileUploaded(evt:DataEvent):void{
	trace(evt.data);
}// end fileUploaded
 
/**
 * Executes while uploading a file.
 */
function fileProgress(evt:ProgressEvent):void{
	//trace(evt.bytesLoaded + " / " + evt.bytesTotal);
}// end fileProgress
 
/**
 * Executes when an IO error occurs.
 */
function errorOccured(evt:IOErrorEvent):void{
	trace("IO error has occured.");
}// end errorOccured
 
 
/**
 * Shows the file browser when clicks on the stage.
 */
stage.addEventListener(MouseEvent.MOUSE_DOWN, clicked);
function clicked(evt:MouseEvent):void{
	fr.browse([frFilter]);
}
In line 27 through 30, I assign newName parameter to an URLVariables object. This is to avoid IO error which occurs if the filename contains 2-byte characters. If you let the serverscript rename the uploaded file, this is not needed.
27-30번째 줄을 보면, URLVariables 객체에 newName 파라메터를 설정했습니다. 이것은 파일명에 한글과 같은 2바이트 문자가 포함된 경우 서버에서 파일 저장시에 IO 에러가 발생하기 때문에, 이를 피하기 위해서 newName에 별도의 파일명을 저장한 것입니다. 만약 서버측에서 파일명을 변경하도록 구성되어 있다면, 이 부분은 필요 없습니다.
27
28
29
30

var uv:URLVariables = new URLVariables();
uv.newName = "upload.jpg";
 
ur.data = uv;

Saving an image with AS3 and PHP: 1. PHP

 AS3, ServerScript  3 Responses »
Jan 042008
 

The following PHP code is the code to save an image, which is uploaded using FileReference or is encoded using ByteArray in a Flash movie. The uploadok.php file can handle all the files, uploaded using FileReference, ByteArray or a file form in an HTML document.
다음 코드는 플래시에서 FileReference를 사용한 업로드 또는 ByteArray로 인코딩된 파일을 저장하기 위한 PHP 코드입니다. 이 uploadok.php 파일 하나로 플래시의 FileReference, ByteArray는 물론 HTML문서의 파일 양식을 통한 업로드도 모두 처리가 가능합니다.
Sorry, Japanese translation is not yet available.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<?
/**
 * uploadok.php
 * ------------
 * Author: Han Sanghun (http://hangunsworld.com, hanguns@gmail.com)
 *       Kim Eung (http://eung.co.kr/)
 * Release Version: 1.0.0
 * Date Started: 2007/04/01
 * Last Modified: 2008/01/04
 *
 * Determines the name of the saved file.
 * If "newName" is provided, then uses "newName" as the file's name.
 * Otherwise, uses the original filename("Filedata.name") as the filename.
 *
 * If the original name of the file contains 2-byte characters (e.g. Korean characters), IO error occurs.
 * To avoid this, use "newName" parameter defined in Flash, rather than the "Filedata.name".
 * It is possible to assigns a new name in PHP code explicitly.
 */
 
$newName = trim($_REQUEST["newName"]);
if($newName == ""){
	// If newName is not defined, uses Filedata.name as the filename.
	$newName = $HTTP_POST_FILES['Filedata']['name'];
}
 
// Creates "images" folder, if not exist.
if(!is_dir("./images")){
	mkdir("./images",0777);
}
 
// Sets the path in which the uploaded image to be stored.
$folderPath = $_SERVER['DOCUMENT_ROOT']."/test/images/";
$newPath = $folderPath.$newName;
 
// Moves the temporary file.
@move_uploaded_file($HTTP_POST_FILES['Filedata']['tmp_name'], $newPath);
 
// Returns the saved file path.
echo "/test/images/".$newName;
?>
Special thanks to Kim Eung. He devised the draft of the PHP and AS3 codes. Furthermore, he allowed me to open them to the public.
이 PHP와 AS3 코드의 기틀을 만들고, 이 소스를 공개하는데 흔쾌히 동의하신, 김응 실장님에게 진심으로 감사드립니다.