jquery多图片上传

所属分类:输入-上传

 290803  802  查看评论 (230)
分享到微信朋友圈
X
jquery多图片上传 ie兼容10

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>
相关插件-上传

h5拖拽文件图片上传插件

支持拖拽上传,拖拽排序,图片压缩的简单上传插件
  上传
 70203  496

jquery多图片上传

多张图片上传,显示
  上传
 290804  802

js上传图片预览

js上传图片本地预览
  上传
 113329  536

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 291855  624

讨论这个项目(230)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    panking 0
    2022/12/13 17:16:00
    手机端没有多图呀 回复
    Richard 0
    2022/6/10 9:43:44
    请问如何在上传成功后将图片清除 回复
    阳子 0
    2019/4/21 21:22:03
    怎么下载
        你好.0
        2019/11/15 10:40:34
        你下载了吗?可以打包发一份给我吗
        跨越七海的风0
        2021/12/16 14:14:32
        还没有
    回复
    小明 0
    2019/2/10 16:17:48
    图片名字有中文乱码
        竹林0
        2019/4/16 9:53:13
        我也是,可以把插件分享给我看看吗?
        飞xianging0
        2020/9/4 20:43:31
        不可以
    回复
    东篱浪人 0
    2018/12/25 13:16:53
    thx for share us .... 回复
    MikuMikuDance 0
    2018/11/15 10:15:57
    羿 0
    2018/11/13 10:04:50
    a104888 0
    2018/11/7 0:28:42
    这个可以显示进度,感觉还行啊! 回复
    LNJ96 0
    2018/4/20 13:31:42
    为什么我加载到jsp页面后,并没有出现上传图片的按钮
        暖风撩人0
        2018/6/14 11:05:22
        我放到bootstrap面板里也没有按钮
        大C0
        2018/7/18 10:36:40
        可以吗
    回复
    落叶的忧伤 0
    2018/4/12 11:04:05
    这个插件看起来不错值得学习一样
        暖风撩人0
        2018/6/14 10:24:10
        给我分享一下插件可以码
        Z0
        2018/11/8 11:13:52
        有后台的相关代码吗
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复