我有一个在Flash或Flash Builder 4.5上编译的标准AIR脚本,旨在将文件上传到php服务器端代码。代码首先将文件写入用户桌面,然后再完成请求。
import flash.net.*;
import flash.filesystem.*
//create the file
var file:File = File.desktopDirectory;
file = file.resolvePath("test.txt");
var fs:FileStream = new FileStream();
fs.open(file, FileMode.WRITE);
//write "test" to txt file
fs.writeUTFBytes("test");
fs.close();
//start request
var req:URLRequest = new URLRequest();
req.method = "POST";
req.url = //php file
var vars:URLVariables = new URLVariables();
vars.a = 1;
vars.b = 2;
vars.c = 3
req.data = vars;
file.upload(req, "txt_file");
现在,当我在localhost(XAMPP)上上传到自己的Apache测试服务器上的php文件时,文件上传过程中没有任何错误。然而,当我试图上传到我的实际服务器时,我得到了一个I/O错误:
错误#2044:未处理的IOErrorEvent:。text=错误#2038:文件I/O错误
我已经检查了我的最大文件大小设置为2MB,所以这不是问题所在。URL也是正确的。查看其他来源(例如。http://www.judahfrangipane.com/blog/2007/01/01/error-2044-unhandled-ioerrorevent-texterror-2038-file-io-error/),一些人认为问题出在Apache ModSecurity上,通过将目录的.htaccess设置为:来关闭
SecFilterEngine Off
SecFilterScanPOST Off
这不起作用。事实上,它使我设计用于从同一服务器获取数据的其余代码过时了。我也知道这不是一个跨领域的问题。我还尝试将php代码设置为返回HTTP200。仍然不起作用。一些人认为,这些错误有点随机,实际的文件上传是在不考虑错误的情况下进行的。因此,可以通过捕捉错误并忽略它来解决问题(http://dev.nuclearrooster.com/2008/04/05/uploading-with-a-filereference-from-flex-3-on-os-x/)。这不是我的选择,因为我需要跟踪上传进度。
有趣的是,这似乎是一个Mac OSX问题,因为我有一个在Windows编译器上运行的确切脚本,没有错误,尽管唯一的规定是它们是用旧版本的AIR制作的。所以我不确定这里的情况是否如此。
我的头撞在墙上已经三天了。请帮帮我……
更新
刚刚发现,我的文件上传到的服务器正在对文件上传请求返回HTTP 301响应,这同样只发生在AIR上的OSX上,而不是Windows或通过Firefox提交的表单数据上。
好。这显然是一个Mac OSX的问题。出于某种原因,OSX中File.upload()方法创建的HTTP标头会导致外部服务器崩溃,并导致301永久移动。这在Windows中不会发生。当然,对于AIR编译器而言,除了HTTP2xx响应之外的任何其他响应都会导致I/O错误。因此,为了解决文件上传问题,我们必须手动创建负责上传本身的HTTP标头。我建议在这个问题解决之前不要使用File.upload()
(或FileReference.upload()
)。
为了做到这一点,我们上传的文件必须转换为ByteArray。因此,我只会使用File/FileReference来捕获该文件。对于实际上传,必须将文件转换为ByteArray
。
在我上面的例子中,它非常简单:
import flash.net.*
import flash.utils.ByteArray;
var xml:XML = new XML(<items><item>one</item><item>two</item></items>);
var data:ByteArray = new ByteArray();
data.writeUTF(xml.toXMLString());
现在,就创建手动HTTP头而言,这要归功于Jonathan Marston(http://marstonstudio.com/2007/10/19/how-to-take-a-snapshot-of-a-flash-movie-and-automatically-upload-the-jpg-to-a-server-in-three-easy-steps/)和他美丽的UploadPostHelper
级:
package {
import flash.events.*;
import flash.net.*;
import flash.utils.ByteArray;
import flash.utils.Endian;
/**
* Take a fileName, byteArray, and parameters object as input and return ByteArray post data suitable for a UrlRequest as output
*
* @see http://marstonstudio.com/?p=36
* @see http://www.w3.org/TR/html4/interact/forms.html
* @see http://www.jooce.com/blog/?p=143
* @see http://www.jooce.com/blog/wp%2Dcontent/uploads/2007/06/uploadFile.txt
* @see http://blog.je2050.de/2006/05/01/save-bytearray-to-file-with-php/
*
* @author Jonathan Marston
* @version 2007.08.19
*
* This work is licensed under a Creative Commons Attribution NonCommercial ShareAlike 3.0 License.
* @see http://creativecommons.org/licenses/by-nc-sa/3.0/
*
*/
public class UploadPostHelper {
/**
* Boundary used to break up different parts of the http POST body
*/
private static var _boundary:String = "";
/**
* Get the boundary for the post.
* Must be passed as part of the contentType of the UrlRequest
*/
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;
}
/**
* Create post data to send in a UrlRequest
*/
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;
}
/**
* Add a boundary to the PostData with leading doubledash
*/
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;
}
/**
* Add one linebreak
*/
private static function LINEBREAK(p:ByteArray):ByteArray {
p.writeShort(0x0d0a);
return p;
}
/**
* Add quotation mark
*/
private static function QUOTATIONMARK(p:ByteArray):ByteArray {
p.writeByte(0x22);
return p;
}
/**
* Add Double Dash
*/
private static function DOUBLEDASH(p:ByteArray):ByteArray {
p.writeShort(0x2d2d);
return p;
}
}
}
现在,我们使用该类来创建我们的HTTP头,使用好的旧URLRequest
:
var req:URLRequest = new URLRequest();
req.url = //server-side url (.php)
req.contentType = "multipart/form-data; boundary=" + UploadPostHelper.getBoundary();
req.method = URLRequestMethod.POST;
//Be sure to place the actual file name with its extension as the file name. Set the second argument as the ByteArray created earlier. Any other parameters (name-value pairs) can be added via an optional third parameter (see class above)
req.data = UploadPostHelper.getPostData("test.xml", data);
req.requestHeaders.push(new URLRequestHeader("Cache-Control", "no-cache"));
现在不用File.upload()
来完成请求,只需使用URLLoader
:
var loader:URLLoader = new URLLoader();
//We have to load the data as binary as well
loader.dataFormat = URLLoaderDataFormat.BINARY;
loader.addEventListener(Event.COMPLETE, complete);
loader.addEventListener(IOErrorEvent.IO_ERROR, ioerror);
loader.addEventListener(SecurityErrorEvent.SECURITY_ERROR, secerror);
loader.load(req);
//Event handlers
function complete(e:Event):void {
var ba:ByteArray = e.target.data;
//Returns the XML data
trace(ba.readUTF());
}
function ioerror(e:IOErrorEvent):void {}
function secerror(e:SecurityErrorEvent):void {}
一切都应该很顺利。就服务器端而言,文件的名称由上面的类定义为Filedata
。捕获文件的简单PHP脚本如下所示:
<?php
echo file_get_contents($_FILES['Filedata']['tmp_name']);
var_dump($_FILES['Filedata']);
/*
array(1) {
["Filedata"]=>array(5) {
["name"]=>string(8) "test.xml"
["type"]=>string(24) "application/octet-stream"
["tmp_name"]=>string(38) "root/tmp/php2jk8yk"
["error"]=>int(0)
["size"]=>int(58)
}
}
*/
?>