jQuery带进度条可预览图片批量上传插件

来源:https://www.sucaihuo.com/js/2330.html 2017-07-06 19:32浏览(1874) 收藏

jQuery图片批量上传插件,实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复上传,且不能移除,支持多张图片批量上传。
jQuery带进度条可预览图片批量上传插件
分类:其它特效 > 上传 难易:初级
查看演示 下载资源 下载积分: 20 积分

功能描述

实现图片预览,预览图片移除,任意张数异步上传,上传进度条指示,已选中且上传的图片不会重复上传,且不能移除

使用方法

界面顶部引入IMGUP.css,2.0版本以下的Jquery,页面底部引入IMGUP.js
界面中必须存在三个元素
1、图片选择: id必须是“div_imgfile”,可以是任意元素,onclick事件触发选择对话框
2、图片预览容器:id必须是“div_imglook”的div,里面包含一个清除浮动的div
3、确定上传按钮:id必须是“btn_ImgUpStart”,可以是任意元素,onclick事件开始上传全部选中图片

样式可随意更改,js文件顶部有三个变量,可以分别设置单张图片大小限制,单位MB,最多选中图片张数,异步提交服务端位置
ajax中回调函数可以修改提示信息样式,查找“alert”也可
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2