<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12" horizontalAlign="left" initialize="init()" layout="vertical"
viewSourceURL="srcview/index.html">
<mx:NumberFormatter id="filesizeFormatter" useThousandsSeparator="true"/>
<mx:Script>
<![CDATA[
import mx.events.CollectionEvent;
import mx.formatters.NumberFormatter;
import mx.formatters.CurrencyFormatter;
import mx.collections.ArrayCollection;
import mx.controls.Alert;
private var fileRefs:FileReferenceList = new FileReferenceList();
//这个地址是我测试用的服务器地址
private var urlrequest:URLRequest = new URLRequest("http://localhost:8080/upload/UploadFile");
[Bindable]
private var selectedFiles:ArrayCollection = new ArrayCollection([]);
private var list:ArrayCollection = new ArrayCollection([]);
private var singleThreadFiles:Array = [];
[Bindable]
private var useSingleThread:Boolean = true;
private function init():void
{
Security.allowDomain("*");
fileRefs.addEventListener(Event.SELECT, fileSelectHandler);
fileRefs.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
fileRefs.addEventListener(Event.COMPLETE, completeHandler);
addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
up.enabled = false;
}
private function selectFile():void
{
/* fileRefs.browse([new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png"),
new FileFilter("所有文件(*.*)", "*.*")
]); */
fileRefs.browse();
}
private function fileSelectHandler(event: Event):void
{
for each (var f:FileReference in fileRefs.fileList)
{
selectedFiles.addItem(f);
}
up.enabled = true;
}
private function uploadFile():void
{
for each (var f:FileReference in selectedFiles)
{
try
{
f.upload(urlrequest);
}
catch (e: Error)
{
Alert.show(e.message);
}
}
up.enabled = false;
}
private function ioErrorHandler(e:IOErrorEvent):void
{
Alert.show(e.text);
}
private function completeHandler(e:Event):void
{
Alert.show("e.target.data");
//img.source = e.target.data;
Alert.show("aa");
Alert.show(selectedFiles.length.toString());
}
private function showImage(e:Event): void
{
var f:FileReference = (e.target as DataGrid).selectedItem as FileReference;
f.addEventListener(Event.COMPLETE, completeHandler);
f.load();
}
/*
public function removeFile(f:FileReference): void
{
var index: int = selectedFiles.getItemIndex(f);
if (index != -1)
selectedFiles.removeItemAt(index);
} */
]]>
</mx:Script>
<mx:VBox>
<mx:HBox width="100%">
<!--<mx:Box width="100%" horizontalAlign="right">
<mx:Button label="清空" click="selectedFiles.removeAll();"/>
</mx:Box>-->
</mx:HBox>
<mx:DataGrid id="files" change="/* showImage(event) */" dataProvider="{selectedFiles}">
<mx:columns>
<mx:DataGridColumn width="150" dataField="name" headerText="文件名"/>
<mx:DataGridColumn dataField="size" headerText="大小(字节)">
<mx:itemRenderer>
<mx:Component>
<mx:Label text="{outerDocument.filesizeFormatter.format(data.size)}"
textAlign="right"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn width="300" headerText="上传进度">
<mx:itemRenderer>
<mx:Component>
<mx:HBox fontSize="10" fontThickness="1" fontWeight="normal">
<mx:Script>
<![CDATA[
import flash.profiler.showRedrawRegions;
import mx.controls.Alert;
import mx.controls.ProgressBar;
private function initProgressBar(event: Event): void
{
//使progressbar与file关联，从而产生进度条
var pb: ProgressBar = event.target as ProgressBar;
pb.label = "%3%%";
pb.setProgress(0, 100);
var f: FileReference = data as FileReference;
//使用闭包方法，更新进度条
f.addEventListener(ProgressEvent.PROGRESS,
function(event: ProgressEvent): void
{
pb.setProgress(event.bytesLoaded, event.bytesTotal);
}
);
f.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,
function (event: DataEvent): void
{
//服务器端一定要返回数据，否则，这个方法就不起作用了
pb.label = event.data;
}
);
}
]]>
</mx:Script>
<mx:ProgressBar width="100%" label="%3%%"
creationComplete="initProgressBar(event)"
labelPlacement="center" maximum="100" minimum="0"
mode="manual" paddingLeft="5" paddingRight="5"
textAlign="left" verticalCenter="true"/>
<!--<mx:LinkButton label="Cancel">
<mx:click>
<![CDATA[
var f: FileReference = data as FileReference;
f.cancel();
]]>
</mx:click>
</mx:LinkButton>-->
<!--<mx:LinkButton label="Delete">
<mx:click>
<![CDATA[
var f: FileReference = data as FileReference;
outerDocument.removeFile(f);
]]>
</mx:click>
</mx:LinkButton>-->
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</mx:VBox>
<mx:HBox>
<mx:Button id="selectFileButton" label="浏览" click="selectFile()"/>
<mx:Button label="上传" id="up">
<mx:click>
<![CDATA[
if(selectedFiles.length == 0)
{
Alert.show("请选择文件");
return;
}
uploadFile();
]]>
</mx:click>
</mx:Button>
<!--<mx:CheckBox id="checkboxSingleThread" label="同时上传多个文件"
change="useSingleThread = !checkboxSingleThread.selected"
selected="{!useSingleThread}"/>-->
</mx:HBox>
<!--<mx:Image id="img" width="400" height="300"/>-->
</mx:Application>
package com.java;
import java.io.File;
import java.io.IOException;
import java.util.Iterator;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
public class UploadFile extends HttpServlet {
private static final long serialVersionUID = 5425836142860976977L;
// 定义文件的上传路径
private String uploadPath = "d:\\files\\";
// 限制文件的上传大小
private int maxPostSize = 100 * 1024 * 1024; // 最大100M
public UploadFile() {
super();
}
public void destroy() {
super.destroy();
}
protected void processRequest(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
System.out.println("Access !");
response.setContentType("text/html;charset=UTF-8");
DiskFileItemFactory factory = new DiskFileItemFactory();
factory.setSizeThreshold(4096);
ServletFileUpload upload = new ServletFileUpload(factory);
upload.setHeaderEncoding("utf-8");
upload.setSizeMax(maxPostSize);
try {
List fileItems = upload.parseRequest(request);
Iterator iter = fileItems.iterator();
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
if (!item.isFormField()) {
String name = item.getName();
System.out.println(name);
try {
item.write(new File(uploadPath + name));
response.getWriter().write("上传成功。");
} catch (Exception e) {
e.printStackTrace();
response.getWriter().write(e.getMessage());
}
}
}
} catch (FileUploadException e) {
e.printStackTrace();
response.getWriter().write(e.getMessage());
System.out.println(e.getMessage() + "结束");
}
}
protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
File f = new File(uploadPath);
f.mkdirs();
processRequest(request, response);
}
protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
File f = new File(uploadPath);
f.mkdirs();
processRequest(request, response);
}
public String getServletInfo() {
return "Short description";
}
}
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<display-name></display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>UploadFile</servlet-name>
<servlet-class>com.java.UploadFile</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>UploadFile</servlet-name>
<url-pattern>/UploadFile</url-pattern>
</servlet-mapping>
</web-app>
时间： 2024-10-11 17:08:55