►
From YouTube: Community Demo - How to leverage image thumbnails from images at SharePoint in PowerApps or in Flow?
Description
Demo taken from the SharePoint dev Special Interest Group recording at 24th of January 2019.
Presenter - Chakkaradeep "Chaks" Chandran (Microsoft) - @chakkaradeep
More details on the SharePoint dev community calls from http://aka.ms/sppnp.
A
B
So
this
woman
has
a
pretty
good
background
story.
So
I
don't
know
how
many
of
you
are
following:
Twitter,
there's
power,
apps,
Twitter
user
brand,
Edwards
I
think
he
was
previously.
He
worked
for
Microsoft
and
then
he
now
runs
his
own
kind
of
something
he
started
blogging
about.
How
do
you
leverage
SharePoint
document,
libraries
that
has
pictures?
B
You
know,
customers
use
document
libraries
not
only
for
documents
with
also
for
storing
images
in
building
an
image
gallery,
pretty
common
scenario,
and
then
that
turned
out
to
be
a
very
complex
thing
to
you,
know
just
read
and
show
the
images
in
a
pin
power
apps.
So
people
started
doing
this.
A
mini
company
started
wanting
the
scenario
to
work
and
we
started
looking
at
hey.
What
is
the
community
doing
boy?
That
was
really
hard.
People
were
talking
to
Azure
ad
people
who
are
doing
some
hackery
in
SharePoint.
B
Api
is
trying
to
get
the
thumbnails
render
list
data
as
cream
a
lot
of
stuff,
so
I
got
really
frustrated
being
a
product
manager
in
this
areas
like
why
is
is
so
hard,
so
I
went
and
started
doing
some
stuff
and
then
I
realized.
We
actually
have
thumbnails
support
in
Microsoft
graph,
so
if
you
use
the
drive
API,
there
is
a
files
API
in
Microsoft
graph
and
you
can
get
the
thumbnails
of
a
particular
item
and
that
drive
could
be
your
one
drive
or
that
drive
could
be
in
SharePoint
site.
B
And
yes
for
this,
if
you
go
and
read
the
graph
REST
API,
it
would
be
like
you
would
have
to
go
through
graft
at
microsoft.com,
so
that
is
Microsoft
graph.
But
there's
also
another
way
to
leverage
these
Microsoft
graph.
Api
is
within
SharePoint,
using
the
new
v
2.0
endpoint
and
so
I
continued.
My
journey
I
wrote
a
blog
post
and
with
that,
what
I
did
was
I
used
a
flow
and
then
used
our
HTTP
action
in
in
SharePoint's.
Here's
the
flow.
B
B
Just
take
time.
If
you
go
to
my
blog,
you
can
read
this
even
if
you're
not
doing
this
right
now
is
a
very
good
primer
for
API
construction,
especially
for
graph
and
one
call
I
can
get
all
of
the
thumbnails
for
a
particular
file
in
SharePoint
library,
and
then
you
know,
I
can
construct
and
using
power
apps
and
flow
integration
I
easily
get
that
back
and
boom.
B
Now
I
have
a
demo
that
looks
like
this
right,
so
get
images,
I
click
the
button
and
then
that
goes
runs
the
flow
and
then
brings
the
images
back
still.
This
is
really
complex,
so
I
went
ahead
and
told
my
engineering
team
here
there
seems
to
be
something
that
we
already
do
in
lists
in
libraries.
Why
is
it
so
hard?
What
can
I
get
the
thumbnail?
The
old?
B
The
engineering
team
came
back
to
me
within
a
few
weeks
and
said
we
have
this
for
you
to
go,
try
it
out,
and
then
we
ship
the
code
right
now,
it's
already
in
fraud,
so
we
can
go
through
this
complex
step.
I,
don't
want
to
go
through
that
I
want
to
go
through
the
simple
super
fast
efficient
way
to
do
this
in
power
absent
flow,
so
I'm
gonna
connect
to
a
document
library,
I'm,
going
to
start
a
new
app
I'm
going
to
select
my
site.
So
one.
B
So
one
of
the
things
is,
we
do
support
document
library
to
some
extent
at
least
adding
metadata,
not
uploading
files.
So
if
you
do
create
an
app
or
you
connect
the
data
source,
you
just
enter
the
document,
library
name
and
then
click
connect
and
that's
going
to
connect
to
an
existing
document.
Library
in
power,
apps
and
I
was
just
going
to
build
the
similar
app.
How
you
would
connect
to
a
list
right,
so
I
can
go
here.
I
can
change
the
title,
for
example,
to
your
name.
B
So
I'm
gonna
change
this
to
image
and
title
right.
So
I
get
the
title
of
the
document
and
then
I
have
some
image
now.
I
want
to
show
the
thumbnail
of
the
document
here.
Just
like
you
would
go
see
in
your
SharePoint,
so
I'm
going
to
select
this
instead
of
sample
image.
I'm
going
to
save
this
item
because
I'm
in
the
gallery
dot.
B
Boom
now
I
give
the
preview
of
the
thumbnail
right
there
in
my
power-ups.
So
it's
really
simple:
you
don't
have
nothing.
Now
there
are
some
files
that
we
support.
There
are
some
files
we
don't
support.
I
was
surprised
to
hear
that
we
actually
don't
support
EXO
files
for
thumbnails,
so
I'm,
you
know
figuring
out
what
actually
is
going
on
there,
but
you
know
if
you
do
have
basically
an
icon,
so,
for
example,
I
can
go
to
media.
I
can
browse.
B
Right
to
my
power
apps
or
collect
I'm
how
to
update
it
in
the
media,
I
go
back
now.
I
can
write
a
simple
expression,
so
instead
of
this
thumbnails
are
large.
If
I
write
an
expression
that
says,
if
ends
with
this
item,
dot
filename
with
extensions,
they
would
essentially
give
me
the
file
name,
dot,
do
CX
or
xlsx,
and
things
like
that
and
I'm
going
to
say
display
the
excel
image
that
I
just
uploaded
in
my
media
or
use
the
lodge.
So
now
you
can
see
I
have
the
thumbnail
for
the
exo
icon
as
well.
B
So
this
is
really
really
simple
way
to
access.
Thumbnails
I'll
go
even
further.
If
you
do
have
an
image
library,
which
is
full
of
images,
you
can
easily
do
that
as
well.
So
here
is
a
gallery
all
I'm
going
to
do
now
here
is:
do
the
same
step,
we're
gonna,
add
the
data
source
now
I'll
be
able
to
choose
my
sharepoint
connection.
Now
I'll
go
to
the
same.
Missour
I
did
like
creating
a
new
app.
You
can
select
the
site
and
now
again
here
it's
not
going
to
show
me
the
list
of
other
document.
B
B
Named
Lodge
and
now
suddenly
I
got
a
really
good
photo
viewer
images
coming
from
SharePoint.
Now
these
are
self
attenuated
URLs,
so
they
are
good,
for
they
usually
have
an
expiry
I
think
a
week
or
two
I'm
trying
to
figure
out
the
right
expiry
date
on
these
URLs.
But
every
time
you
load
the
app
they're
going
to
be
refreshed
and
you're
going
to
get
that
it
works
in
mobile
as
well.
So
you
don't
really
have
to
be.
B
You
know
sometimes
what
happens
some
solutions
they
work
in
the
web
because
you're
authenticated
you
know
mobile,
they
don't,
but
this
solution
works
in
mobile
as
well.
So
this
this
is
using
and
accessing
the
come
nails
in
power
apps.
So
in
flow,
it's
the
same
thing.
So
here's
the
flow
I
created
in
a
library
there
was
the
default
documents.
Library
for
this
here
I
can
go
to
my
flow.
B
So
it's
a
very
simple
flow
and
file
is
created,
send
an
email,
so
here
I'm
going
to
say:
oh
here's,
a
file
that
you
added
and
here's
a
preview.
So
now,
if
you
go
to
the
dynamic
content
and
search
for
thumbnail,
you
get
the
three
properties,
just
like
you
saw
in
the
power
of
summon
a
large,
medium
and
small,
so
we're
gonna
put
thumbnail,
Lodge
here
and
then
just
format.
So
it
doesn't
look
weird
and
that's
it
so
now,
I'm
gonna
save
this
and
now
I'm
gonna
go
to
my
document
library.
B
B
Gonna
test
use-
data
from
previous
runs,
succeeded,
I,
love
this
test
flow.
If
you're
not
using
it
or
haven't
tried
it
out.
This
is
really
cool,
so
now
I
can
test
it.
It's
going
to
run
with
the
same
data
that
I
let
it
had
previously
and
now
I'm
probably
get
an
email
with
the
thumbnail
ooh
there.
It
is
how
cool
is
that
now
we
can
actually
give
some
meaningful
information
to
the
user
and
not
just
a
link
and
say
hey
go
visit.
This
thing
goes
if
this
document
are
open.
B
This
document
and
one
of
the
cool
things
is
that,
because
this
is
out
of
the
box
thumbnail
that
exactly
used
in
SharePoint
and
onedrive,
it
supports
all
of
the
file
formats.
So
if
you
didn't
notice
here,
this
is
actually
an
Adobe
Illustrator
file.
This
is
not
a
dark
or
office
document,
and
if
you
had
seen
in
my
power
app,
if
you
go
look
at
the
name,
demo
Quadro
picked
our
blue,
so
demo
Quattro
Victor,
bro,
here's
a
preview
thumbnail
of
that
Adobe
Illustrator
file.
So
that's
the
beauty
of
this
solution.
B
It
integrates
exactly
the
same
way
as
how
we
integrate
and
get
these
thumbnails
previews
of
document
libraries,
so
that
was
my
demo
for
today.
I
hope
you
enjoyed
the
demo
and
if
you
have
any
questions,
this
should
be
available
in
your
tenants,
because
it's
out
code,
it's
rolled
out,
use
it
and
let
us
know
what
you
think
and
what
other
stuff
that
we
can
do
we
do
listen
for
feedback
is
a
very
good
example
of
course.