how to insert image from url in markdown

Question

The way to insert an image to markdown file is (and it is outside "{r}")

<center><src="http://ia.media-imdb.com/images/M/MV5BMTg4NzEyNzQ5OF5BMl5BanBnXkFtZTYwNTY3NDg4._V1._CR24,0,293,443_SX214_AL_.jpg"></center>

But I want to make url as a variable. So I tried something like this:

```{r, result='asis'}
url <- "http://www.online-image-editor.com//styles/2014/images/example_image.png"
print(paste("<center><src=\"", url, "\"></center>", collapse=""))
```

But it doesn't work. The result I get

## [1] "<center><src=\" http://ia.media-imdb.com/images/M/MV5BMTg4NzEyNzQ5OF5BMl5BanBnXkFtZTYwNTY3NDg4._V1._CR24,0,293,443_SX214_AL_.jpg \"></center>"

Is there any chance to make the string of characters like on the top of my question so get rid of ## [1] and quotes?

Richard Ambler · Accepted Answer · 2015-03-07 12:48:32Z

17

We can do it using inline R code. For example:

```{r, echo=FALSE}
# Define variable containing url
url <- "http://www.online-image-editor.com//styles/2014/images/example_image.png"
```
## Some cat!
<center><img src="`r url`"></center>

## Alternatively...
![](`r url`)

answered Mar 7, 2015 at 12:48

Richard Ambler

5,0902 gold badges25 silver badges40 bronze badges

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

4 Comments

stevec Over a year ago

Very clever solution. Out of interest, why do some tags work normally, like <center>, but others (like <img ..> do not?

rahul-ahuja Over a year ago

Is there a way to resize the images in the first method?

Richard Ambler Over a year ago

We can use html properties or css styling to resize the images...

zabala Over a year ago

Brilliant idea.

cmndrsn · Accepted Answer · 2022-07-29 21:18:18Z

0

Generalizing Richard's answer to be able to print the image within the code chunk. You can add this in a code chunk with the following parameters (surrounded with triple back ticks on lines before and after R code chunk):

{r echo = FALSE, results = 'asis'}
image = "https://cdn.britannica.com/84/206384-050-00698723/Javan-gliding-tree-frog.jpg"
cat(paste0('<center><img src="', image,  '"></center>'))

answered Jul 29, 2022 at 21:18

cmndrsn

113 bronze badges

Collectives™ on Stack Overflow

how to insert image from url in markdown

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related