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

总结

以上是生活随笔为你收集整理的多图片上传，多文件上传。插件diyUpload.js的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。