Fork me on GitHub

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+'" >');
    }
}

 

 

 

 
posted @ 2018-08-25 16:00  秋夜雨巷  阅读(1249)  评论(0编辑  收藏  举报