php+ajax檔案上傳進度條_PHP教程

來源:互聯網
上載者:User
代碼分為以下部分:

demo.php(做為現在的主流開發語言) - 上傳過程處理

PLAIN TEXTphp(做為現在的主流開發語言):


include UploadProgressMeter.class.php(做為現在的主流開發語言);

$fileWidget = new UploadProgressMeter();

if ($fileWidget->uploadComplete()) {
// 上傳完畢的時候,從iframe發送一個js到主視窗表示一切ok
echo $fileWidget->finalStatus();

// 處理上傳後的檔案...

exit;
}
?>

demoserver.php(做為現在的主流開發語言) - ajax(動態網站靜態化)的服務端js,使用Pear:HTML_ajax(動態網站靜態化),直接調用UploadProgressMeterStatus類

PLAIN TEXTHTML:



renderIncludeJs(); ?>

進度條的樣式表

PLAIN TEXTCSS:

.progressBar {
position: relative;
padding: 2px;
width: 300px;
height: 40px;
font-size: 14px;
}
.progressBar .background {
border: solid 1px black;
width: 270px;
height: 20px;
}
.progressBar .bar {
position: relative;
background-color: blue;
width: 0px;
height: 20px;
}

表單部分

PLAIN TEXTHTML:


下載

作者的svn瀏覽

其它類似項目:
http://pdoru.from.ro/ - 要以patch的形式和php(做為現在的主流開發語言)一起編譯
http://www.ugia.cn/?p=54 - 以socket上傳檔案並顯示進度條

http://www.bkjia.com/PHPjc/508673.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/508673.htmlTechArticle代碼分為以下部分: demo.php (做為現在的主流開發語言) - 上傳過程處理 PLAIN TEXTphp (做為現在的主流開發語言) : ?php (做為現在的主流開發語言...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.