2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > JS实现多图预览上传的实例代码

JS实现多图预览上传的实例代码

时间:2021-09-24 05:41:04

相关推荐

JS实现多图预览上传的实例代码

web前端|js教程

javascript,同步,预览

web前端-js教程废话不多说了,直接给大家贴代码了,具体代码如下所示:

打开苹果手机网站源码,ubuntu 的退出命令,tomcat 商业服务器,梦身上爬虫,php关闭执行代码,天津seo关键词排名优化软件lzw

java for源码下载,ubuntu加载库文件,tomcat显示无法访问,爬虫箱除湿,甲状腺php低,建阳区有效的seo联系方式lzw

/** * Created by liujing on /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==".jpg"){var src = window.URL.createObjectURL(f);var name = $("#logo"+liid).val().split("\\").pop();$(#logotips+liid).css({"background":url(+src+),ackgroundSize:100+\%});$(#up_flower+liid).empty().append(name);$(#+liid).append(✖);bulka.append(

);$(#logotips+liidb).css({"background":url("../../img/c_up.jpg"),ackgroundSize:100+\%}); } $(.logo+liid).addClass("newc"+liid); $(.newc+liid).removeClass("logo"+liid); $(.newc+liid).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 = $("#logo"+liid).val().split("\\").pop();$(#logotips+liid).css({"background":url(+srcb+),ackgroundSize:100+\%});$(#up_flower+liid).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==".jpg"){var src = window.URL.createObjectURL(f);var name = $("#logo"+liid).val().split("\\").pop();$(#logotips+liid).css({"background":url(+src+),ackgroundSize:100+\%});$(#up_flower+liid).empty().append(name);$(#+liid).append(✖); } $(.logo+liid).addClass("newc"+liid); $(.newc+liid).removeClass("logo"+liid); $(.newc+liid).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 = $("#logo"+liid).val().split("\\").pop();$(#logotips+liid).css({"background":url(+srcb+),ackgroundSize:100+\%});$(#up_flower+liid).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( ame); changef(that,bulk,name); }); $("#add_beo").one("change",".logo2",function(){that = $(this); var bulk = $("#add_beo"); var name = $(this).attr( ame); changef(that,bulk,name); }); $("#add_beo").one("change",".logo3",function(){that = $(this); var bulk = $("#add_beo"); var name = $(this).attr( ame); changef(that,bulk,name); }); $("#add_beo").one("change",".logo4",function(){that = $(this); var bulk = $("#add_beo"); var name = $(this).attr( ame); changef(that,bulk,name); }); $("#add_beo").one("change",".logo5",function(){that = $(this); var bulk = $("#add_beo"); changelast(that , bulk); });});

自动发卡平台程序源码,vscode代码颜色提示,ubuntu移除目录,安卓部署tomcat,爬虫 livedoor,php类 const,海南seo优化怎样收费,网站个性首页源码,营销型的物流网站模板下载lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。