龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > php编程 >

jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码(2)

时间:2014-10-17 11:51来源:网络整理 作者:网络 点击:
分享到:
XML/HTML代码如下: 复制代码 代码如下: div id="uploader" class="main-pane" div id="filelist_header" class="clearfix" div class="filename"Name/div div class="filesize"Size/div div class="fi

XML/HTML代码如下:

复制代码 代码如下:
<div id="uploader" class="main-pane"> 
            <div id="filelist_header" class="clearfix"> 
                <div class="filename">Name</div> 
                <div class="filesize">Size</div> 
                <div class="filestatus">Status</div> 
                <div class="filedel"></div> 
                <div></div> 
            </div> 
 
            <div id="filelist"></div> 
 
            <div class="action-btns"> 
                <a id="pickfiles" class="login-button btn">Select files to upload</a> 
                <a href="javascript:;" id="upload_button" class="login-button upload hide">Upload</a> 
            </div> 
 
            <center> 
                <div id="upload_info"> 
                    <div id="upload_info_inner"> 
                        <div class="progressbg"> 
                            <div id="percent" class="progress"></div> 
                        </div> 
                    </div> 
 
                    <div id="unknown"> 
                        <div id="time2go"></div> 
                        <div id="upRate"></div> 
                    </div> 
                </div> 
            </center> 
 
            <form method="POST" action="process.php" id="processupload"> 
                <input type="hidden" name="uploaded_photos" id="uploaded_photos" /> 
                <input type="hidden" name="fkey" value="<?php echo $fkey; ?>" /> 
            </form> 
        </div>

upload.php页面代码如下:

精彩图集

赞助商链接