介绍//给图片添加删除
,,,function mouseChange (), {
,,,,,,,美元(文档)。(“mouseenter mouseleave",,“.file-iteme",, function (事件),{
,,,,,,,,,if (event.type ===,“mouseenter"), {
,,,,,,,,,,,//鼠标悬浮
,,,,,,,,,,,(这)美元定格(“.info") .fadeIn (“fast");
,,,,,,,,,,,(这)美元定格(“.handle") .fadeIn (“fast");
,,,,,,,,,},else if (event.type ===,“mouseleave"), {
,,,,,,,,,,,//鼠标离开
,,,,,,,,,,,(这)美元定格(“.info") hide ();
,,,,,,,,,,,(这)美元定格(“.handle") hide ();
,,,,,,,,,}
,,,,,,,});
,
,,,}
,,,mouseChange ();
,//json的才能length
function 才能getJsonLength (jsonData) {
,,,,,var jsonLength =, 0;
,,,,,,(var item jsonData拷贝){
,,,,,,,jsonLength + +;
,,,,,}
,,,,,return jsonLength;
,,,}
,
,,,//多图片上传
,,,var ImgList =,美元(& # 39;# uploader-list& # 39;), uploadListIns =upload.render ({
,,,,,elem:, & # 39; # chooseImg& # 39;
,,,,,url:, (“# projectUrl")美元.val () +, & # 39;/img/imgUpload.do& # 39;
,,,,,接受,& # 39;图像# 39;
,,,,,acceptMime:, & # 39;图像/jpg图像/png图像/jpeg # 39;
,,,,,ext:, & # 39; jpg | png | jpeg # 39;,
,,,,,尺寸:,1024年,
,,,,,多:,真的,
,,,,,汽车:,真的,
,,,,,选择:,函数(obj) {
,,,,,,,var files =, obj.pushFile();,//将每次选择的文件追加到文件队列
,,,,,,,var len =, getJsonLength(文件);
,,,,,,,//读取本地文件
,,,,,,,obj.preview (function (指数,文件,,结果),{
,,,,,,,,,if (方法(len) +方法(coachPicsArray.length) -count 祝辞,6){
,,,,,,,,,,,layer.msg(“门店图片不能超过6张“);
,,,,,,,,,,,//遍历
,,,,,,,,,,,,每美元(文件、函数(_key) {
,,,,,,,,,,,,,var key =, _key;
,,,,,,,,,,,,,var value =,文件(_key);
,,,,,,,,,,,,,如果(==_key 指数)
,,,,,,,,,,,,,{,//删除
,,,,,,,,,,,,,,,delete 文件(_key);
,,,,,,,,,,,,,}
,,,,,,,,,,,});
,,,,,,,,,}else {
,,,,,,,,,,,var reader =, new FileReader ();
,,,,,,,,,,,reader.onload =, function (e), {
,,,,,,,,,,,,,var image =, new 图像();
,,,,,,,,,,,,,image.onload =, function (), {
,,,,,,,,,,,,,,,var realWidth =, image.width;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
这篇文章给大家介绍使用layui怎么实现一个多图片上传功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
