Upload image and insert markdown code (with url) to textarea

Question

How can I upload an image without page refresh; just using input type="file" to server. I'm using PHP to upload the file. I also need to insert markdown code with a URL to the image, like this: ![Image.](/url/to/image.png) to end of a textarea.

How can I do this? Maybe using JS?

Thanks in advance

Answer 1

Refer this:

http://malsup.com/jquery/form/

You can have basic php image upload script at server side..