# Load JPEG from URL into a texture in vtk.js

**URL:** https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824
**Category:** Web
**Created:** [April 24, 2019, 1:45am UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824 "2019-04-24T01:45:12Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Donny\_Zimmerman](https://discourse.vtk.org/user_avatar/discourse.vtk.org/donny_zimmerman/32/301_2.png) [@Donny\_Zimmerman](https://discourse.vtk.org/u/Donny_Zimmerman)
#### Post date: [April 24, 2019, 1:45am UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/1 "2019-04-24T01:45:12Z")

</div>

I have searched the vtk.js API and examples and I am unable to find out how to load a vtkTexture from a JPEG image retrieved from a URL. Similar to vtkJPEGReader in standard VTK. Any help would be appreciated.

---

<div class="post-metadata">

### Author: ![Sebastien\_Jourdain](https://discourse.vtk.org/user_avatar/discourse.vtk.org/sebastien_jourdain/32/100_2.png) [@Sebastien\_Jourdain](https://discourse.vtk.org/u/Sebastien_Jourdain)
#### Post date: [April 24, 2019, 2:22pm UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/2 "2019-04-24T14:22:30Z")

</div>

```auto
const img = new Image();
img.src = 'http://url/to/your/image.jpg';

const texture = vtkTexture.newInstance();
texture.setImage(img);

```

---

<div class="post-metadata">

### Author: ![Donny\_Zimmerman](https://discourse.vtk.org/user_avatar/discourse.vtk.org/donny_zimmerman/32/301_2.png) [@Donny\_Zimmerman](https://discourse.vtk.org/u/Donny_Zimmerman)
#### Post date: [April 24, 2019, 3:31pm UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/3 "2019-04-24T15:31:50Z")

</div>

Thanks Sebastien! That was much simpler than I thought! I am really excited about using VTK.js and will try to help contribute to the examples when I can.

---

<div class="post-metadata">

### Author: ![agiles](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/a/35a633/32.png) [@agiles](https://discourse.vtk.org/u/agiles)
#### Post date: [June 17, 2021, 1:03pm UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/4 "2021-06-17T13:03:10Z")

</div>

![image](https://discourse.vtk.org/uploads/default/original/2X/e/e5d35eb41769a3302f1c8d76164c28160663e090.png)  
Hello, Sebastien Jourdain. In VTK development, I failed to use JPEG in URL to do texture. can’t show it!

---

<div class="post-metadata">

### Author: ![Sebastien\_Jourdain](https://discourse.vtk.org/user_avatar/discourse.vtk.org/sebastien_jourdain/32/100_2.png) [@Sebastien\_Jourdain](https://discourse.vtk.org/u/Sebastien_Jourdain)
#### Post date: [June 17, 2021, 3:48pm UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/5 "2021-06-17T15:48:59Z")

</div>

I don’t think you can add a texture to a set of lines. You need a surface/box to be able to see your texture.

---

<div class="post-metadata">

### Author: ![agiles](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/a/35a633/32.png) [@agiles](https://discourse.vtk.org/u/agiles)
#### Post date: [June 18, 2021, 5:41am UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/6 "2021-06-18T05:41:35Z")

</div>

Can you recommend a sample code for me? Thank you very much! When you come to Nanjing, China, you can contact me and take you to eat the most famous Chinese food in Nanjing! Would you please give me an im ID or email? My email is [agiles@139.com](mailto:agiles@139.com) .

---

<div class="post-metadata">

### Author: ![Sebastien\_Jourdain](https://discourse.vtk.org/user_avatar/discourse.vtk.org/sebastien_jourdain/32/100_2.png) [@Sebastien\_Jourdain](https://discourse.vtk.org/u/Sebastien_Jourdain)
#### Post date: [June 18, 2021, 3:55pm UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/7 "2021-06-18T15:55:26Z")

</div>

But I don’t understand what you want to do. You seems to have a vtkImageData and you want to do something with a texture but I have no clue what that could be.

---

<div class="post-metadata">

### Author: ![agiles](https://discourse.vtk.org/letter_avatar_proxy/v4/letter/a/35a633/32.png) [@agiles](https://discourse.vtk.org/u/agiles)
#### Post date: [June 25, 2021, 1:25am UTC](https://discourse.vtk.org/t/load-jpeg-from-url-into-a-texture-in-vtk-js/824/8 "2021-06-25T01:25:32Z")

</div>

Do you have the ID number of line? I’d like to add it to facilitate communication.my id : 13913043322
