我有一个在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. 错误。
我检查了我的max_file_size设置为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代码返回HTTP 200.仍然无法正常工作。有人建议这些错误有点随机,无论错误如何,都会发生实际的文件上传。所以问题可以通过捕获错误并忽略它来解决(http://dev.nuclearrooster.com/2008/04/05/uploading-with-a-filereference-from-flex-3-on-os-x/)。这不是我的选择,因为我需要跟踪上传进度。
有趣的是,这似乎是一个Mac OSX问题,因为我在Windows编译器上运行的确切脚本没有错误,尽管唯一的规定是它们是用旧版本的AIR制作的。所以我不确定这是否是这种情况。
我一直把头撞在墙上3天。请帮帮我......
更新
刚刚发现上传文件的服务器在文件上传请求中返回HTTP 301响应,这种情况再次发生在AIR上的OSX上,而不是Windows上或通过Firefox提交的表单数据。
答案 0 :(得分:1)
行。这肯定是Mac OSX问题。出于某种原因,OSX中的File.upload()方法创建的HTTP标头会导致外部服务器因301 Move Permanently而崩溃。这不会发生在Windows中。当然,除了相关的AIR编译器之外,HTTP 2xx响应以外的任何内容都会导致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;
}
}
}
现在,我们使用该类使用旧的URLRequest
创建HTTP标头:
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)
}
}
*/
?>