DukeAnn
做一个优雅的程序员

jquery多图片上传

pc-1826ebde-9657-11e4-bd0f-00163e001348

8

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>

 

 

DukeAnn的笔记本:DukeAnn的博客 » jquery多图片上传
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址