Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从插件到javascript获取本地文件_Javascript_Image_File_Google Chrome_Plugins - Fatal编程技术网

从插件到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..." /> 如果浏览器插件返回了

我开发了一个浏览器插件,可以从扫描仪或照相机获取图片,并将图片保存在用户的文件系统中。 输出是图片的文件路径。 我想在Broswer中预览图片,使用javascript

如何在没有用户交互的情况下获取图片


(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
提供为绝对路径,而不是物理路径