/*
 * FireFoxFileSender version 0.0.0.1
 * by MK winnie_mk(a)126.com
 * 
 * 【本程序僅限于FireFox3.x版本，其他瀏覽器是否可以運行未做測試。】
 * 【測試通過：FireFox 3.6.8 / Apache/2.2.11 (Win32) php/5.2.6 】
 * ******************************************************************************
 * 本程序是利用3.x的FireFox瀏覽器可以讀取本地文件的特性
 * 實現通過xmlhttpRequest上傳大文件功能
 * 并在可以上傳過程中動態顯示上傳進度
 * 略加修改，并與服務器端配合，可以實現斷點續傳等諸多功能
 * 本例主要是研究FireFox的file-input節點的一些特性
 * 其他客戶端應用，如Flash、Sliverlight等，在實現客戶端大文件上傳時
 * 在數據傳輸與服務器端存儲等方面，與本例的思路基本一致
 * 注意：文件體積似乎有個臨界點，但這個臨界點是多少尚未確認。建議不要用此方法上傳超過100M的文件。
 * ******************************************************************************
 */
function FireFoxFileSender(config){
    var conf = config || {};
    /*
     * 錯誤信息隊列
     */
    this.errMsg = [];    
    /*
     * 判斷各參數是否齊備
     */
    this.f = typeof conf.file == 'string' ?
 　　　　document.getElementById(conf.file) : conf.file;
    if(!this.f){ this.errMsg.push('Error: Not set the input file.'); }
    else if(this.f.files.length < 1){ this.errMsg.push('Error: Not select a file.'); }
    else {
        this.fileName = this.f.value;
        /*
         * 在嘗試直接發送二進制流時失敗，改用發送base64編碼數據。
         */
        this.data = (this.data = this.f.files[0].getAsDataURL())
　　　　　　.substr(this.data.indexOf(',') + 1);
        this.length = this.data.length;
        /*
         * 文件實際大小
         */
        this.fileSize = this.f.files[0].fileSize;
        /*
         * 文件類型
         */
        this.contentType = this.f.files[0].fileType;
    }
    /*
     * 服務器端接收地址
     */
    this.url = conf.url;
    if(!this.url){
 　　　　this.errMsg.push('Error: Not set the instance url to send binary.');
　　}
    /*
     * 發送數據包的大小。默認100kb
     */
    this.packageSize = conf.packageSize || 102400;
    /*
     * 每次發送數據包大小應為4的倍數，確保服務器端轉換base64編碼正確。
     */
    if(this.packageSize % 4 != 0)
 　　　　this.packageSize = parseInt(this.packageSize / 4) * 4;
    
    this.onSendFinished = conf.onSendFinished || null;
    this.onSending = conf.onSending || null;
    this.onError = conf.onError || null;
}
FireFoxFileSender.prototype = {
    /*
     * 記錄當前發送的數據
     */
    currentData : null,
    /*
     * 記錄讀取位置
     */
    position : 0,
    /*
     * 數據大小。該值為base64字符串的長度。
     */
    length : -1,
    /*
     * 檢查錯誤隊列，嘗試觸發onError事件
     */
    checkError : function(){
        if(this.errMsg.length > 0){
            /* 
             * 觸發onError事件
             */
            typeof this.onError == 'function' && this.onError(this.errMsg);
            return;
        }
    },
    /*
     * 創建XMLHttpRequest
     */
    createSender : function(){
        var xhr = new XMLHttpRequest();
        xhr.open('POST', this.url, true);
        var _ = this;
        xhr.onreadystatechange = function(){
            /*
             * 當服務器段響應正常，則循環讀取發送。
             */
            if(xhr.readyState == 4 && xhr.status == 200){
                /* 
                 * 觸發onSending事件
                 */
                if(typeof _.onSending == 'function') _.onSending(_, xhr);
                /*
                 * 延時發送下一次請求，否則服務器負擔過重
                 */
                var send = setTimeout(function(){
                    _.send();
                    clearTimeout(send);
                    send = null;
                }, 100);                
            }
        }
        return xhr;
    },
    /*
     * 發送數據
     */
    send : function(){
        this.checkError();
        /*
         * 獲取當前要發送的數據
         */
        this.currentData = this.data.substr(this.position, this.packageSize);
        /*
         * 更改postion，模擬數據流移位
         */
        this.position += this.currentData.length;
        /*
         * 如果讀取字符串長度大于0，則發送該數據
         * 否則觸發onSendFinished事件
         */
        if(this.currentData.length > 0) {
            var xhr = this.createSender();
            /*
             * 自定義頭部信息，通知服務器端文件相關信息
             * 實際應用時可修改此部分。
             */
            xhr.setRequestHeader('#FILE_NAME#', this.fileName);
            xhr.setRequestHeader('#FILE_SIZE#', this.length);
            xhr.setRequestHeader('#CONTENT_TYPE#', this.contentType);
            
            xhr.send(this.currentData);
        } else if(typeof this.onSendFinished == 'function') {
            /*
             * 觸發onSendFinished事件
             */
            this.onSendFinished(this);
        }
    },
    /*
     * 計算已發送數據百分比
     */
    percent : function(){
        if(this.length <= 0 ) return -1;
        return Math.round((this.position / this.length) * 10000) / 100;
    },
    onSendFinished : null,    //該事件是以本地數據發送完成為觸發，并不是服務器端返回的完成信息。
    onSending : null,
    onError : null
}

/*
 * 上傳按鈕事件
 */
function send(fileID){
    var sender = new FireFoxFileSender(
        /*
         * 上傳配置文件
         */
        {
            /*
             * input file 元素,可以是dom節點，也可以是id的字符串值
             */
            file : fileID,
            /*
             * 接收上傳數據的服務器端地址
             */
            url : 'UPLOADER.php',
            /*
             * 每次發送數據包的大小?？筛鶕掌骶唧w情況更改。IIS6默認為200K
             */
            packageSize : '200000',
            /*
             * 出現錯誤時觸發該事件。本例僅在初始化時判斷各參數是否齊備，并沒有拋出發送過程中的錯誤。
             */
            onError : function(arrMsg){
                alert(arrMsg.join('/r/n'));
                sender = null;
                delete sender;
            },
            /*
             * 發送過程中觸發該事件。本例中主要用于顯示進度。
             */
            onSending : function(sd, xhr){
                var per = sd.percent();
                document.getElementById('Message').innerHTML = per + '% ';
                /*
                 * 該判斷是在最后一次發送結束后，通過xhr的onreadystatechange事件觸發的
                 * 如果傳輸過程中沒有其他錯誤，基本可以確定為服務器端接收完成
                 */
                if(parseInt(per) == 100){ alert('服務器端接收完成'); }
            },
            /*
             * 該事件僅僅為【本地數據發送完成】時觸發。
             * 請區別本地數據發送完成和服務器端返回完成信息這兩種情況
             * 本例中并沒有對服務器接收信息的情況做響應
             * 即使服務器端沒有接收和保存任何數據
             * 只要確保xhr返回readyState == 4 和 status == 200
             * 發送就會繼續進行
             * 服務器端如何返回完成信息可以通過更改接收數據頁面的代碼自定實現
             * 然后通過對xhr.responseText的值來做判斷
             */
            onSendFinished : function(){
                alert('本地數據發送完成');
            }
        }
    );
    sender.send();
}

/*
 * 獲取輸入信息
 */
$b64 = file_get_contents("php://input");
/*
 * 獲取頭部信息
 */
$headers = getallheaders();
$fileName = $headers['#FILE_NAME#'];
$contentType = $headers['#CONTENT_TYPE#'];

/*
 * 做一些判斷和處理...
 */

/*
 * 以下是服務器端對發送數據的簡單響應
 * - 假如有數據被post過來 則輸出對base64轉換為二進制流后，二進制流的長度
 * - 否則輸出0
 * 這僅僅是一個例子，并且在js端沒有接收這個信息
 * 同樣，也可以采用在header中寫入反饋信息等等方法
 * 回饋信息給客戶端
 * 主要目的是確定上傳過程中是否有其他問題出現
 * 以確保上傳文件完整
 */
if(!empty($b64)){
    $stream = base64_decode($b64);
    echo strlen($stream);
    /*
     * 追加方式寫入文件
     * 在此修改文件保存位置
     */
    $file = fopen('' . $fileName , 'a');
    if($file)
        if(fwrite($file, $stream))
            fclose($file);
} else echo '0';