# Working with Thumbnails BEFORE images were uploaded

**URL:** <https://community.transloadit.com/t/working-with-thumbnails-before-images-were-uploaded/14649>\
**Category:** Uppy\
**Created:** [February 7, 2018, 1:27pm UTC](https://community.transloadit.com/t/working-with-thumbnails-before-images-were-uploaded/14649 "2018-02-07T13:27:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![RoseAsbenhe](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@RoseAsbenhe](https://community.transloadit.com/u/RoseAsbenhe)\
**Post date:** [February 7, 2018, 1:27pm UTC](https://community.transloadit.com/t/working-with-thumbnails-before-images-were-uploaded/14649/1 "2018-02-07T13:27:34Z")

</div>

Hey there!

I want to try something: My users should be able to upload up to 500 images at once. Is it possible with Uppy that I can display thumbnails of these images BEFORE they were uploaded? They basically should just look at them or maybe rotate them in a Canvas

---

<div class="post-metadata">

**Author:** ![kvz](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/kvz/32/606_2.png) [@kvz](https://community.transloadit.com/u/kvz)\
**Post date:** [February 7, 2018, 1:55pm UTC](https://community.transloadit.com/t/working-with-thumbnails-before-images-were-uploaded/14649/2 "2018-02-07T13:55:20Z")

</div>

Hi!

Yes this should already work (except for rotating images) have you tried it? If you’re running into anything we’d love to know

---

<div class="post-metadata">

**Author:** ![RoseAsbenhe](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@RoseAsbenhe](https://community.transloadit.com/u/RoseAsbenhe)\
**Post date:** [February 7, 2018, 2:11pm UTC](https://community.transloadit.com/t/working-with-thumbnails-before-images-were-uploaded/14649/3 "2018-02-07T14:11:40Z")

</div>

Hey kvz! Thanks for the information, so I guess I can try to use uppy in general 🙂

What I need: to use the thumbnails of uppy and use the image data of the blob object in another canvas DOM Element on the website, but not inside the dashboard.

So basically:

```auto
const canvas = document.getElementById('anyCanvasElement');
const image = new Image();
image.src = "blog:http:.......";
canvas.width = image.width;
canvas.height = iamge.height;
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, image.width, image.height);

```

But since this is the first time I’ve got a project with file uploads, I’m not sure if this is a good idea.