无法使用 JavaScript 文件中文档目录中的图像
Unable to use images from document directory in JavaScript file
我将从服务器获取的用户特定图像存储在 document directory 中。然后我想在 bing 地图上的某些引脚（引脚信息框内）显示此图像。我正在使用 javaScript 动态加载图像。但是地图上没有显示图像。
我正在将图像设置为 HTML 内容 infoBox 喜欢，
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>');
我不知道为什么它没有拍摄保存在我的文档目录中的图像。
请帮我解决这个问题。
我根据@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>');
我将从服务器获取的用户特定图像存储在 document directory 中。然后我想在 bing 地图上的某些引脚（引脚信息框内）显示此图像。我正在使用 javaScript 动态加载图像。但是地图上没有显示图像。
我正在将图像设置为 HTML 内容 infoBox 喜欢，
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>');
我不知道为什么它没有拍摄保存在我的文档目录中的图像。
请帮我解决这个问题。
我根据@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>');