jquery多图片上传

 查看演示  website  立即下载

html部分

<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">

文件引入：

<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css">
<script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>

HTML部分：

<div id="demo">
	<div id="as" ></div>
</div>

JS部分：

<script type="text/javascript">

/*
* 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;
* 其他参数同WebUploader
*/
$('#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: {}
});
</script>

PREVIOUS:
NEXT:
5款竖式的jQuery手风琴效果
3D雪花特效-绝对逼真