可预览移除图片的jQuery多张图片批量上传插件代码.zip

共5个文件

js：3个

html：1个

css：1个

版权申诉

jquery特效

jquery代码

jquery插件库

21 浏览量 2023-09-21 00:00:37 上传评论收藏 40KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

可预览移除图片的jQuery多张图片批量上传插件代码.zip （5个子文件）

IMGUP.js 7KB

jquery.min.js 91KB

jquery-migrate-1.2.1.min.js 7KB

css

IMGUP.css 2KB

index.html 2KB

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可预览移除图片的jQuery多张图片批量上传插件代码</title> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> <link href="css/IMGUP.css" rel="stylesheet" /> </head> <body><script src="/demos/googlegg.js"></script>  <div id="div_imgfile">选择图片</div>  <div id="div_imglook"> <div style="clear: both;"></div> </div>  <input type="button" value="确定上传" id="btn_ImgUpStart" />  <h4>功能描述</h4> <h5>实现图片预览，预览图片移除，任意张数异步上传，上传进度条指示，已选中且上传的图片不会重复上传，且不能移除</h5> <h4>使用方法</h4> <h5>界面顶部引入IMGUP.css，2.0版本以下的Jquery，页面底部引入IMGUP.js<br /> 界面中必须存在三个元素<br /> 1、图片选择： id必须是“div_imgfile”，可以是任意元素，onclick事件触发选择对话框<br /> 2、图片预览容器：id必须是“div_imglook”的div，里面包含一个清除浮动的div<br /> 3、确定上传按钮：id必须是“btn_ImgUpStart”，可以是任意元素，onclick事件开始上传全部选中图片<br /><br /> 样式可随意更改，js文件顶部有三个变量，可以分别设置单张图片大小限制，单位MB，最多选中图片张数，异步提交服务端位置<br /> ajax中回调函数可以修改提示信息样式，查找“alert”也可 </h5> <script src="js/IMGUP.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉