How to paste an image into web page from clipboard?

Question

0.00/5 (No votes)

See more:

Hi All,

Requirement like we need to copy the image from desktop or somewhere in the hard disk and paste into the web page. instead of clicking browse button and select the image.

Please suggest

Thanks.

Posted 12-Feb-11 19:07pm

Murali.P

Updated 13-Feb-11 18:36pm

v4

Add a Solution

3 solutions

Solution 1

Without the help of an activeX (IE) or an appropriate plugin for non-IE browser I'd say this is impossible with standard HTML and javascript.

Cheers!

Posted 13-Feb-11 0:25am

Manfred Rudolf Bihy

Comments

Ali Al Omairi(Abu AlHassan) 13-Feb-11 19:36pm

Sir, how about my answer?!!

Nish Nishant 13-Feb-11 19:46pm

The OP wants to paste an image. So you'd have to first write that to a temp file (assuming you can, and that security issues won't crop up), and then show that temp image in the HTML page. And again most new browsers will also prompt the user when they try to copy or paste.

Ali Al Omairi(Abu AlHassan) 13-Feb-11 20:13pm

me sorry, me no good on englisia.

but any way you should not had to get too hot (calm down, this would kill no body)

Nish Nishant 13-Feb-11 20:17pm

>> me sorry, me no good on englisia.
but any way you should not had to get too hot (calm down, this would kill no body)<<

It would seem you understand the language even lesser than you imagine. I was not "hot" in any way when I responded to you :-)

Ali Al Omairi(Abu AlHassan) 13-Feb-11 20:30pm

Sir, your response is freezing to death.

Nish Nishant 13-Feb-11 20:47pm

Ok, I don't know if this is meant in humor, but to be safe let me clarify - I was not angry or upset in any way when I posted any of my comments in this thread.

Ali Al Omairi(Abu AlHassan) 14-Feb-11 3:38am

me sorry, me no mean to.
if me bathar you, me shood abalgese.

100 :rose: ;)

Espen Harlinn 20-Feb-11 8:58am

Good idea - an ActiveX will allow OP full flexibility :)

Solution 3

Please suggest way to proceed using activeX(IE)

Posted 13-Feb-11 18:25pm

Murali.P

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ali Al Omairi(Abu AlHassan) · Accepted Answer · 2011-02-13T13:35:00

Solution 2

Sir, you can just handel the on paste event of an input:

JavaScript

<script type="text/javascript" >
function DoCopy(imgsrc){
window.clipboardData.setData('URL',imgsrc);
//...
}
function DoPaste(targetimg){
var imgsrc = new String( window.clipboardData.getData('URL'));
targetimg.src = imgsrc;
//do your code
}
</script>
<img onpaste ="DoPaste(this.src);" />
<img oncut ="DoCut(this.src);" />

100 :rose: ;)

Posted 13-Feb-11 13:35pm

Ali Al Omairi(Abu AlHassan)

Updated 20-Feb-11 23:25pm

v4

Comments

Espen Harlinn 20-Feb-11 9:01am

My 5, that's doable in IE, and documented here: http://msdn.microsoft.com/en-us/library/ms536955(VS.85).aspx

Ali Al Omairi(Abu AlHassan) 21-Feb-11 5:26am

thank you, sir.

J a a n s 21-Feb-11 7:01am

I don't think that this solution will help the OP to get the image content back in the server.

Ali Al Omairi(Abu AlHassan) 22-Feb-11 11:02am

Sir, would you please mention the reson.