支付宝网站开发文档,美术馆网站网页设计方案,网站建设一定要公司吗,做手机网站的公司这篇文章主要介绍了JS实现多张图片预览同步上传功能的相关资料,需要的朋友可以参考下废话不多说了#xff0c;直接给大家贴代码了#xff0c;具体代码如下所示#xff1a;/*** Created by liujing on 2017/5/10.*/$(document).ready(function($) {function changef(which,bu…这篇文章主要介绍了JS实现多张图片预览同步上传功能的相关资料,需要的朋友可以参考下废话不多说了直接给大家贴代码了具体代码如下所示/*** Created by liujing on 2017/5/10.*/$(document).ready(function($) {function changef(which,bulk,name_n){var bulka bulk;var thisid which.attr(id);var f which.prop (files)[0];var filename f.name;var mime filename.toLowerCase().substr(filename.lastIndexOf(.));var liid $(#thisid).closest(li).attr(id);var liidb parseInt(liid)1;if(mime.jpg || mime.png){var src window.URL.createObjectURL(f);var name $(#logoliid).val().split(\\).pop();$(#logotipsliid).css({background:url(src),backgroundSize:100%});$(#up_flowerliid).empty().append(name);$(#liid).append(✖);bulka.append();$(#logotipsliidb).css({background:url(../../img/c_up.png),backgroundSize:100%});}$(.logoliid).addClass(newcliid);$(.newcliid).removeClass(logoliid);$(.newcliid).on(change,function(){var files $(this).prop(files)[0];var srcb window.URL.createObjectURL(files);var liid $(#thisid).closest(li).attr(id);var liidb parseInt(liid)1;var name $(#logoliid).val().split(\\).pop();$(#logotipsliid).css({background:url(srcb),backgroundSize:100%});$(#up_flowerliid).empty().append(name);})$(.edit_text).on(click,function(){$(this).parent().remove();})}function changelast(which ,bulk){var bulka bulk;var thisid which.attr(id);var f which.prop (files)[0];var filename f.name;var mime filename.toLowerCase().substr(filename.lastIndexOf(.));var liid $(#thisid).closest(li).attr(id);var liidb parseInt(liid)1;if(mime.jpg || mime.png){var src window.URL.createObjectURL(f);var name $(#logoliid).val().split(\\).pop();$(#logotipsliid).css({background:url(src),backgroundSize:100%});$(#up_flowerliid).empty().append(name);$(#liid).append(✖);}$(.logoliid).addClass(newcliid);$(.newcliid).removeClass(logoliid);$(.newcliid).on(change,function(){var files $(this).prop(files)[0];var srcb window.URL.createObjectURL(files);var liid $(#thisid).closest(li).attr(id);var liidb parseInt(liid)1;var name $(#logoliid).val().split(\\).pop();$(#logotipsliid).css({background:url(srcb),backgroundSize:100%});$(#up_flowerliid).empty().append(name);})$(.edit_text).on(click,function(){$(this).parent().remove();})}$(.logo1).one(change,function(){that $(this); var bulk $(#add_beo); var name $(this).attr(name); changef(that,bulk,name);});$(#add_beo).one(change,.logo2,function(){that $(this); var bulk $(#add_beo); var name $(this).attr(name); changef(that,bulk,name);});$(#add_beo).one(change,.logo3,function(){that $(this); var bulk $(#add_beo); var name $(this).attr(name); changef(that,bulk,name);});$(#add_beo).one(change,.logo4,function(){that $(this); var bulk $(#add_beo); var name $(this).attr(name); changef(that,bulk,name);});$(#add_beo).one(change,.logo5,function(){that $(this); var bulk $(#add_beo); changelast(that , bulk);});});
