PHP网页版大文件上传源码_上传

我们在上传大文件时都遇到过这样或那样的问题,设置很大的maxRequestLength值并不能完全解决问题,除了允许你上传大文件外，还能实时显示上传进度并捕获上传中的错误信息

查看演示下载资源：0次

手机扫码访问：

下载资源下载积分：120分

　　HTML

    <div id="uploader"> 
        <div class="queueList"> 
            <div id="dndArea" class="placeholder"> 
                <div id="filePicker"></div> 
                <p>或将照片拖到这里，单次最多可选300张</p> 
            </div> 
        </div> 
        <div class="statusBar" style="display:none;"> 
            <div class="progress"> 
                <span class="text">0%</span> 
                <span class="percentage"></span> 
            </div><div class="info"></div> 
            <div class="btns"> 
                <div id="filePicker2"></div><div class="uploadBtn">开始上传</div> 
            </div> 
        </div> 
    </div>

　　引入jQuery库和webuploader相关组件

    <link rel="stylesheet" type="text/css" href="css/webuploader.css" /> 
    <link rel="stylesheet" type="text/css" href="css/style.css" /> 
    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/webuploader.js"></script> 
    <script type="text/javascript" src="js/upload.js"></script>

　　upload.js

    uploader = WebUploader.create({ 
        pick: { 
            id: '#filePicker', 
            label: '点击选择图片' 
        }, 
        formData: { 
            uid: 123 
        }, 
        dnd: '#dndArea', 
        paste: '#uploader', 
        swf: 'js/Uploader.swf', 
        chunked: false, 
        chunkSize: 512 * 1024, 
        server: 'server/fileupload.php', 
        disableGlobalDnd: true, 
        fileNumLimit: 300, 
        fileSizeLimit: 200 * 1024 * 1024, 
        // 200 M 
        fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M 
    });