js传输图片路径
数据库中存储数据/commons/img/***.jpg格式的图片路径。
"<a onclick=\"showImg(\'"+dataEle.imgPath.replace(/\\/g,'\\\\')+"\')\">查看图片 "
显示时要.replace(/\\/g,'\\\\'),将所有\替换为\\才能传输路径否则会报错。
JS展示逗号分割的图片
//去掉图片开头和结尾的逗号 img = img.replace(/^,+/,"").replace(/,+$/,""); $('#winPicDialog').html(''); //清空内容,防止多次打开图片重复 if(img=="" || img == undefined) //不存在图片用默认图片显示 { simg = "/${appName}/commons/images/noPic.jpg"; $('#winPicDialog').html('<img style="width:250px;height:250px;" src="'+simg+'" >'); } else if(img.indexOf(",") <= -1) //如果不存在逗号,即只有一个图片 { simg = "/${appName}"+decodeURI(img); $('#winPicDialog').html('<img style="width:250px;height:250px;" src="'+simg+'" >'); }else if(img.indexOf(",") > -1){ //存在多张图片 var imgArr=img.split(","); picNum = imgArr.length; for(var i=0;i<imgArr.length;i++){ var imgPath = "/${appName}"+decodeURI(imgArr[i]); $('#winPicDialog').append('<img style="width:250px;height:250px;" src="'+imgPath+'" >'); } }
如果这篇文章对你有用,可以关注本人微信公众号获取更多ヽ(^ω^)ノ ~
![微信公众号二维码](https://images.cnblogs.com/cnblogs_com/aeolian/1679458/o_wechat_gzh_qrcode.jpg)