我正在document directory存储从服务器获取的用户特定图像。然后我想在某些引脚（内部引脚InfoBox）的bing地图上显示这些图像。我正在使用javaScript动态加载图像。但图像不会在地图上显示。
我将图片设置为infoBox的HTML内容，例如
pinInfoBox.setHtmlContent('<div class="arrow_box"><div class="content" id="content"><img id="localFile" src="file:///var/mobile/Containers/Data/Application/395E5EED-2FB4-4505-861E-2DA9AB96433B/Documents/my_image.jpg/"/>'+pin.Title+'</div></div>');
如果我使用任何远程文件并通过http protocol访问它，它将起作用，
pinInfoBox.setHtmlContent('<div class="arrow_box"><div class="content" id="content"><img id="localFile" src="http://a.abcd.com/static/images/zoom/magnifying-glass.png" />'+pin.Title+'</div></div>');
我不知道为什么不将图像保存在我的文档目录中。
请帮我解决这个问题。
答案 0 :(得分：0)
我根据@ tiblu的评论解决了这个问题。
JavaScript file and images should be in same path.
但是我无法将图像写入捆绑包，因为这些图像是在运行时从服务器下载的。所以我在应用程序启动期间将JavaScript文件复制到documentDirectory以处理图像。然后我们可以直接使用它的名称访问图像，而无需指定完整路径。
pinInfoBox.setHtmlContent('<div class="arrow_box"><div class="content" id="content"><img id="localFile" src="my_image.jpg"/>'+pin.Title+'</div></div>');