240. Adding an Image Preview
Jul 22, 2026 00:51
· 1:48
· English
· Whisper Turbo
· 2 സ്പീക്കറുകള്
ഈ തീയതിയുടെ കാലാവധി അവസാനിക്കുന്നു 8 ദിനങ്ങള്
സ്ഥിരമായുള്ള സ്റ്റോറേജ് അപ്ഗ്രേഡ് ചെയ്യുക →
കാണിക്കല് മാത്രം.
0:01
S…
Speaker 1 (240. Adding an Image Preview)
In the last lecture,
0:03
S…
Speaker 1 (240. Adding an Image Preview)
we added our own recipe,
0:04
S…
Speaker 1 (240. Adding an Image Preview)
spaghetti,
0:05
S…
Speaker 1 (240. Adding an Image Preview)
and we recognized that the image preview is not working.
0:09
S…
Speaker 1 (240. Adding an Image Preview)
Well,
0:10
S…
Speaker 1 (240. Adding an Image Preview)
that makes sense,
0:11
S…
Speaker 1 (240. Adding an Image Preview)
because if we have a look at the recipeEdit component,
0:14
S…
Speaker 1 (240. Adding an Image Preview)
here,
0:15
S…
Speaker 1 (240. Adding an Image Preview)
where we try to preview the image,
0:17
S…
Speaker 1 (240. Adding an Image Preview)
we're not binding the source.
0:19
S…
Speaker 1 (240. Adding an Image Preview)
We should do this.
0:21
S…
Speaker 1 (240. Adding an Image Preview)
I'll add a local reference named imagePath
0:25
S…
Speaker 1 (240. Adding an Image Preview)
to that input,
0:26
S…
Speaker 1 (240. Adding an Image Preview)
because I want to get access to the input inside of this template.
0:31
S…
Speaker 1 (240. Adding an Image Preview)
And then I'll bind the source here to that
0:35
S…
Speaker 1 (240. Adding an Image Preview)
local reference.
0:36
S…
Speaker 1 (240. Adding an Image Preview)
So to image path value,
0:38
S…
Speaker 1 (240. Adding an Image Preview)
because that is exactly what I want to display here.
0:41
S…
Speaker 1 (240. Adding an Image Preview)
With that,
0:43
S…
Speaker 1 (240. Adding an Image Preview)
if we now create a new recipe and paste in our old link,
0:47
S…
Speaker 1 (240. Adding an Image Preview)
now we immediately get a preview of this image.
0:50
S…
Speaker 1 (240. Adding an Image Preview)
So now this is working as expected.
0:54
S…
Speaker 1 (240. Adding an Image Preview)
And now if I add my spaghetti recipe,
0:57
S…
Speaker 1 (240. Adding an Image Preview)
very tasteful.
1:00
S…
Speaker 1 (240. Adding an Image Preview)
with my new ingredient,
1:02
S…
Speaker 1 (240. Adding an Image Preview)
spaghetti 100 and
1:06
S…
Speaker 1 (240. Adding an Image Preview)
some tomatoes free.
1:09
S…
Speaker 1 (240. Adding an Image Preview)
And if I hit save now,
1:14
S…
Speaker 1 (240. Adding an Image Preview)
here it is.
1:15
S…
Speaker 1 (240. Adding an Image Preview)
Now we can see it.
1:16
S…
Speaker 1 (240. Adding an Image Preview)
Now we can edit it.
1:18
S…
Speaker 1 (240. Adding an Image Preview)
Multiple exclamation marks make it more meaningful.
1:21
S…
Speaker 1 (240. Adding an Image Preview)
We can send it to the shopping list to find
1:25
S…
Speaker 1 (240. Adding an Image Preview)
our spaghetti and tomatoes there.
1:27
S…
Speaker 2 (240. Adding an Image Preview)
Well,
1:28
S…
Speaker 1 (240. Adding an Image Preview)
we already have tomatoes here,
1:29
S…
Speaker 1 (240. Adding an Image Preview)
so we can delete these here,
1:31
S…
Speaker 1 (240. Adding an Image Preview)
I guess.
1:34
S…
Speaker 1 (240. Adding an Image Preview)
And we lost it.
1:36
S…
Speaker 1 (240. Adding an Image Preview)
Where are our spaghettis?
1:38
S…
Speaker 1 (240. Adding an Image Preview)
If I go back to recipes,
1:40
S…
Speaker 1 (240. Adding an Image Preview)
spaghettis are gone.
1:42
S…
Speaker 1 (240. Adding an Image Preview)
So that seems to be another bug we need to fix.
ഈ അക്ഷം AI (സ്വയമുണ്ടായി അക്ഷരാനുഗ്രഹം) ഉണ്ടാക്കിയത്. പിശകുകള് ഉള്ക്കൊള്ളാം. അല്ലെങ്കില് മൂല ഓഡിയോ ഉപയോഗിക്കുന്നതിനു് മുന്കൂട്ടിയുള്ള പിശകുകള് സ്ഥിതീകരിക്കാം. ഐഐ നയം
സാരാംശം
ഈ അക്ഷരമാലയുടെ AI സമ്മറി ഉണ്ടാക്കാന് കെസ്റ്റെല് ക്ലിക്ക് ചെയ്യുക.
സഖാവ്...
ഈ ട്രാന്സ്പെക്റ്റിനെ കുറിച്ച് AI ചോദിയ്ക്കുക
ഈ പുസ്തകത്തെക്കുറിച്ച് എന്തെങ്കിലും ചോദിക്കുക — AI - ന് ആവശ്യമായ ഭാഗങ്ങൾ കണ്ടെത്തുകയും ഉത്തരം നൽകുകയും ചെയ്യും.