Flex中实现多个文件上传时发生只能上传第一个文件的问题

例子如下：http://labs.newmediateam.com/Multifileupload/FileUpload.html

例子源码：http://labs.newmediateam.com/Multifileupload/srcview/index.html

 

请务必先详细阅读上面提供的源码实现。

在实际使用过程中，后台可以使用Java Servlet来响应_file.upload( _uploadURL) ; 函数触发文件上传事件。

上例中_uploadURL是个全局变量，尽管在最初的时候_uploadURL.method属性被置成GET,当_uploadURL被第二次调用时，可能会发生method属性被重新置成POST（默认是POST）。而当method属性为POST状态时，_file.upload( _uploadURL) ; 函数将无法触发后台Java Servlet以便实现文件上传事件。

解决的办法就是在_file.upload( _uploadURL) ; 被动用之前，重新设置一次_uploadURL.method属性为GET。

 

实际项目中发生该问题的代码如下(截取部分代码)：

private function doFileUpload(tpcMsgNoInfoList : ArrayCollection) : void { var filecount : int = files.length; if(filecount > 0) { var tpcMsgNoInfoStr : String = "1"; var variables : URLVariables = new URLVariables(); variables.tpcmsgnos = tpcMsgNoInfoStr; variables.lstupload = "0"; request.method = "GET"; request.contentType = "multipart/form-data"; request.data = variables; g_file_count = filecount; _files.removeAll(); _files = clone(files); uploadFiles(); } else { pageNavigate(); } } private var request : URLRequest = new URLRequest("./multifileupload?"); private function uploadFiles() : void{ if (_files.length > 0){ var file : FileReference = FileReference(_files.getItemAt(0).file); file.addEventListener(Event.COMPLETE, completeHandler); try { // request.method = "GET"; file.upload(request); } catch (error:Error) { } } } private function clone(object : ArrayCollection) : ArrayCollection { var copier : ArrayCollection = new ArrayCollection(); if(object != null && object.length > 0) { for (var m:int = 0; m < object.length; m++ ) { copier.addItem(object.getItemAt(m)); } } return copier; } private function completeHandler(event:Event) : void { _files.removeItemAt(0); if (_files.length > 0){ uploadFiles(); }else{ pageNavigate(); } }

奇怪的是，在测过过程中发现，并不是所有机器都会出现上述问题，和浏览器等都有关系。

上述代码中只要把request.method="GET"这句的注释去掉就不会发生这种现象。