更新时间:2021-03-06 00:43:49
更新说明:修改了从最后删除图片时添加图标消失的BUG,修改了单独上传时,图片数变量必须在外部定义,增加了单独的,上传、预览、修改示例
更新时间:2021-02-28 23:22:19
1、插件做了IE9 兼容,预览方面用了滤镜 .style.filter,上传方面没用Flash 自己想的一个办法,克隆
1 | < input type = "file" /> |
赋值完一个克隆一个,这样动态生成input标签
2、图片能点击放大预览,并且可左右切换,样式也很简单,可自定义,替换掉图片icon即可,index.html里面有很清楚的说明和演示,有大量的注释 ,比源代码都多。
以图片返显为例
1、html 部分:
1 | < div id = "showImgs" ></ div > |
2、js 部分:
1 2 3 4 5 6 | var gbOption, ispre; //定义全局变量 setTimeout( function () { //等待其他JS加载完 var imgObj = [ './aaa.jpg' , './bbb.jpg' , './ccc.jpg' ] //模拟数据来源 gbOption = ispre = new imgPre(imgObj, true ); //主要步骤1 createPreDiv(); //主要步骤2 }, 0) |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com