多图片上传,多文件上传。插件diyUpload.js

之前上传图片一直遇到问题,1600*799 大小570Kb上传居然分批次,很奇葩,结果是因为没分片,之前不了解webuploader,现在多少知道了,感谢下文

插件下载地址:http://download.csdn.NET/my

API文档:http://fex.baidu.com/webuploader/

引入:

<link rel="stylesheet" href="js/diyUpload/css/webuploader.css"/>
<link rel="stylesheet" href="js/diyUpload/css/diyUpload.css"/>

    <script src="js/jQuery-1.11.2.min.js"></script>
    <script src="js/diyUpload/js/webuploader.html5only.min.js"></script>
    <script src="js/diyUpload/js/diyUpload.js"></script>


html页面:

        <!--上传图片-->
        <div id="box">
         <div id="test" ></div>
        </div>
        
        <!--上传文件-->
        <div id="demo">
            <div id="as" ></div>
        </div>



js:

//        上传图片
      $('#test').diyUpload({
            url:'server/fileupload.PHP',
            success:function( data ) {
                console.info( data );
            },
            error:function( err ) {
                console.info( err );    
            }
        });
        
//        上传文件
        $('#as').diyUpload({
            url:'server/fileupload.php',
            success:function( data ) {
                console.info( data );
            },
            error:function( err ) {
                console.info( err );    
            },
            buttonText : '选择文件',
            chunked:true,
            // 分片大小
            chunkSize:512 * 1024,
            //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
            fileNumLimit:50,
            fileSizeLimit:500000 * 1024,
            fileSingleSizeLimit:50000 * 1024,
            accept: {}
        });


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值