AS3：如何顯示ByteArray上傳百分比？

Question

我已經使用ShineMP3來錄製聲音。現在我試圖將mp3文件上傳到服務器。這是我的AS3代碼：

function onWavClick(e:MouseEvent) 
{ 
    var sba:ByteArray = mp3Encoder.mp3Data; 
    var req:URLRequest = new URLRequest('http://localhost/upload.php'); 
    req.contentType = 'application/octet-stream'; 
    req.method = URLRequestMethod.POST; 
    req.data = sba;   
    var loader:URLLoader = new URLLoader(req); 
} 

如何顯示上傳的百分比，並且它是否已完成併成功轉到下一幀？

謝謝。

Answer 1

不是傳遞的URLRequest在URLLoader的構造，使用URLLoader的load()方法。實際上，您不應該通過構造函數傳遞請求，因爲它會立即啓動請求，並且可能會在您能夠附加事件偵聽器之前完成。始終遵循這個過程：

1. 實例化的URLLoader和URLRequest
2. 附加事件偵聽器和使用URLRequest

兩個

呼叫load()設置屬性，這將允許你附上ProgressEvent事件鍵入PROGRESS，它將在分派時包含bytesTotal和bytesLoaded屬性。您可以使用這些來顯示您想要的百分比。您也可以附上Event.COMPLETE，上傳完成後會觸發。

function onWavClick(e:MouseEvent) 
{ 
    var sba:ByteArray = mp3Encoder.mp3Data; 
    var req:URLRequest = new URLRequest(URL); 
    req.contentType = 'application/octet-stream'; 
    req.method = URLRequestMethod.POST; 
    req.data = sba;   
    var loader:URLLoader = new URLLoader(); 
    loader.addEventListener(ProgressEvent.PROGRESS, progressHandler); 
    loader.addEventListener(Event.COMPLETE, completeHandler); 
    loader.load(req); 
} 

function progressHandler(e:ProgressEvent):void { 
    trace(e.bytesLoaded/e.bytesTotal); // output: progress, as a decimal from 0 to 1 
} 

function completeHandler(Event):void { 
    // download/upload is complete 
} 

Answer 2

一個建議可能是這個PHP上傳進度條：

http://www.johnboyproductions.com/php-upload-progress-bar/