从插件到javascript获取本地文件
我开发了一个浏览器插件,可以从扫描仪或照相机获取图片,并将图片保存在用户的文件系统中。 输出是图片的文件路径。 我想在Broswer中预览图片,使用javascript 如何在没有用户交互的情况下获取图片从插件到javascript获取本地文件,javascript,image,file,google-chrome,plugins,Javascript,Image,File,Google Chrome,Plugins,我开发了一个浏览器插件,可以从扫描仪或照相机获取图片,并将图片保存在用户的文件系统中。 输出是图片的文件路径。 我想在Broswer中预览图片,使用javascript 如何在没有用户交互的情况下获取图片 (Web应用程序的一部分,仅与Google Chrome兼容)如果您已经拥有图像的内容,您可以通过base64编码并提供如下URL直接加载它们: <img src="data:image/png;base64,iVBORw0KGgoAAAANS..." /> 如果浏览器插件返回了
(Web应用程序的一部分,仅与Google Chrome兼容)如果您已经拥有图像的内容,您可以通过base64编码并提供如下URL直接加载它们:
<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />
如果浏览器插件返回了文件路径,并且在需要显示图像时识别了事件,则可以在该事件上调用
ShowImage(文件路径)
函数
<script type="text/javascript">
function ShowImage(filePath) {
$("#preview").append("<img alt='img' src='" + filePath + "'");
}
</script>
函数ShowImage(文件路径){
$(“#预览”)。附加(“
您的HTML应该包含div:
<div id="preview"></div>
是的,但我使用的是高清图像,base64编码给了我一个太大的字符串,无法操作。@user2385830您不需要操作它,只需插入到DOM中即可。您确定这不会起作用吗?我试图从我的NPAPI插件返回base64字符串,但每次它都会使Chrome崩溃。我尝试了FileReader,但似乎没有在这种情况下,使用绝对路径的先决条件是必须将filepath
提供为绝对路径,而不是物理路径