最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

WebUploader大文件上传

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-20 04:39浏览(2055)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

WebUploader大文件上传
分类:PHP > 上传 难易:中级
查看演示 下载资源 下载积分: 50 积分

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>

js/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'
    // runtimeOrder: 'flash', 
    // accept: { 
    //     title: 'Images', 
    //     extensions: 'gif,jpg,jpeg,bmp,png', 
    //     mimeTypes: 'image/*' 
    // }, 
    // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。 
    disableGlobalDnd: true, 
    fileNumLimit: 300
    fileSizeLimit: 200 * 1024 * 1024
    // 200 M 
    fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M 
});
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/268.html
评论5
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 4楼
    10-17 15:42
    yunxiaoxue027
    有断点上传的吗 求助
  • 头像 3楼
    08-15 16:07
    感觉在哪里见过一样
  • 头像 板凳
    08-11 13:29
    的撒旦法ds
    就是逛网直接窃过来的啊,还以为是给优化完善了呢,没意思
  • 头像 椅子
    08-11 13:19
    的撒旦法ds
    谢谢分享,正好需要使用这个插件
  • 头像 沙发
    05-16 23:54
    cz521000
    很好,这个我喜欢,刚好用得上
1 2