之前上传图片一直遇到问题,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: {}
});