Get a local file from plugin to javascript

Question

I have developped a brower plugin that Acquire a picture from a Scanner or a Camera and save the picture in the file system of the user. The output is the filepath to the picture. I want to preview the picture in the Broswer, using javascript...

How can I get the picture without user interaction ?

( part of a Web App only compatible with Google Chrome)

Sanjeev Rai · Accepted Answer · 2013-06-14 10:27:11Z

1

If you have the filepath returned by your browser plugin and you have identified the event when you have to display the image then you can call ShowImage(filepath) function on that event.

<script type="text/javascript">
    function ShowImage(filePath) {
        $("#preview").append("<img alt='img' src='" + filePath + "'");
    }
</script>

Your HTML should contain the div:

<div id="preview"></div>

edited Jun 14, 2013 at 10:27

answered Jun 14, 2013 at 10:07

Sanjeev Rai

7,0224 gold badges25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2385830 Over a year ago

I tried the FileReader but it seems to be not working with an absolute path

Sanjeev Rai Over a year ago

One pre-requisite in this scenario is that you have to provide filepath as Absolute path not as Physical path

WouterH · Accepted Answer · 2013-06-14 10:00:22Z

1

If you have the contents of the image already you can load them in directly, by base64 encoding it and providing an URL as follows:

<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />

answered Jun 14, 2013 at 10:00

WouterH

1,35610 silver badges17 bronze badges

3 Comments

user2385830 Over a year ago

Yes, but I'm working with HD Image, and base64 encoding give me a really too big string to manipulate.

WouterH Over a year ago

@user2385830 You do not need to manipulate it, just insert in into the DOM. Are you certain this won't work?

user2385830 Over a year ago

I tried to return base64 string from my NPAPI plugin, and it crashes Chrome every time.

Collectives™ on Stack Overflow

Get a local file from plugin to javascript

2 Answers 2

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related