多图片上传,多文件上传。插件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: {}
        });


©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页