jquery多图片上传

查看演示立即下载

插件描述：多张图片上传，显示

html部分

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

文件引入：

1 2	`<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>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： 3D雪花特效-绝对逼真
下一个特效： 5款竖式的jQuery手风琴效果