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 عن هذا النص
وإذا سألت عن أي شيء في هذا النص، سيجد المحقق الخاص الأقسام ذات الصلة ويجيبك.