这几天写js时发现在js中图片相对路径的问题很恼火,自己查资料找到了下面的方法能解决这个问题,拿出来大家分享:
js文件的方法中,图片或者其他的相对路径是根据调用该js方法的jsp或者html或者vm等页面的路径产生的相对路径。比如说
第一种方式:
项目:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--topoIndex.jsp
webapp文件夹下面,topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为:
"jtopoResource/img/bg.png"
第二种方式:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--WEB-INF
--view
--BasicFunc
--topoIndex.jsp
项目为testProject,webapp文件夹下面的WEB-INF的子文件夹topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为相对于项目的路径:
"testProject/jtopoResource/img/bg.png"