امیرحسین
1 سال پیش توسط امیرحسین مطرح شد
14 پاسخ

افزودن عکس به پروژه

 تصویر
سلام رفقا من میخام یک عکس رو به پروزه ام به عنوان بک گراند در هدرسایت استفاده کنم ولی همچین اروری میاد و عکس کدهامو گذاشتم کسی میدونه مشکل از چیه ؟؟؟؟؟ تصویر


ثبت پرسش جدید
ابوالفضل زارعی
تخصص : سئو
@abolfazlzarei 1 سال پیش مطرح شد
0

سلام ادرس عکس را چک کن مشکل فکرک نم از اون باشه


عرفان هنرمند
@PhUneR 1 سال پیش مطرح شد
1

سلام فکر میکنم مسیر دهی تصویرتون درست نیست برای اینکه از مسیر فعلی یه فولدر برگردین به عقب باید از (/..) استفاده کنین (برای هربار.)
برای مثال آدرس تصویر شما میشه:

../image/sam.png

اگر مشکلتون حل شد خبر بدین :)


امیرحسین
@amir289800 1 سال پیش مطرح شد
0

 تصویر

@abolfazlzarei
@PhUneR
درست نشد اقا عرفان متاسفانه

این کد رو زدم ارور نمیده ولی عکس رو نشون نمیده


عرفان هنرمند
@PhUneR 1 سال پیش مطرح شد
0

اگر فولدر Components کنار src باشه و compani توی Components باشه مسیر فایلتون میشه

../../src/asset/image/sam.png

Davood
تخصص : PHP - Laravel
@dfardabasi 1 سال پیش مطرح شد
0

سلام
@amir289800
اگر از لاراول استفاده میکنی از تابع asset استفاده کن
اینجوری آدرس دادن برای عکس خوب نیست
آدرس دهی ها رو به صورت absolute path بدید


امیرحسین
@amir289800 1 سال پیش مطرح شد
0

@dfardabasi
سلام و درود
نه از ری اکت استفاده میکنم
منظورتون چیه از (آدرس دهی ها رو به صورت absolute path بدید) ؟؟؟؟؟؟؟


امیرحسین
@amir289800 1 سال پیش مطرح شد
0

@dfardabasi
 تصویر
 تصویر
تصویر اول برای ادرس دهی داخل تگ هست و تصویر دوم برای استایل دادن به عنوان بک گراند هست


Davood
تخصص : PHP - Laravel
@dfardabasi 1 سال پیش مطرح شد
0

این آدرس دهی که شما دادید میشه نسبی یا relative

اما آدرس دهی که به شکل زیره میشه مطلق یا absolute

https://adminesite.com/training/html-css/

آدرس رو کامل بدید هی یه پوشه یه پوشه عقب نرید


امیرحسین
@amir289800 1 سال پیش مطرح شد
0

@dfardabasi

الان برای پروژه من ادرس دهی مطلق چطوری میشه؟ میشه لطفی کنید برای یکی از تگ های img که گذاشتم یک ادرس دهی کنید و نشونم بدید ممنون


Davood
تخصص : PHP - Laravel
@dfardabasi 1 سال پیش مطرح شد
0

متاسفانه چون با react آشنایی ندارم نمیدونم چطوری میشه ولی طبق عکس فکر کنم اینجوری میشه

http:\\yoursite.ir/src/assets/images/Sam.png

پویا باقری
تخصص : برنامه نویس وب
@Pouyab 1 سال پیش مطرح شد
0

روتینگ Asset ها در کامپوننت بر اساس پوشه public هست. درون فایل css بر اساس خود فایل.
اگر متوجه نشدید یکی دوتا از عکس هایی که ارسال کردید رو مشخص کنید روتینگشو بهتون بدم


امیرحسین
@amir289800 1 سال پیش مطرح شد
0

 تصویر
@Pouyab
داداش من منظورت رو نفهمیدم اصلا ... من فولدر asset رو داخل فولدر src گذاشتم ولی میگن استاندارش اینه که داخل public یک فولدر عکس داشته باشی و عکس هاتو اونجا بزاری ... الان همین عکسی که فرستادم پایین هست رو باید چطوری داخل تگ img و به عنوان بکگراند داخل فایل css بزارم طبق چیزی که گفتید ؟؟؟؟؟
البته میخام که عکس هام جهت استاندارد بودن داخل فوادر public باشه ... اگه راهی بلدی ممنون میشم راهنماییم کنی


پویا باقری
تخصص : برنامه نویس وب
@Pouyab 1 سال پیش مطرح شد
0

بله استاندارد این هست که در پوشه public باشه. در react روت asset های پروژه پوشه public هست. اما شما باید بتونید از هرجایی ادرس بدید.
اینو هم در نظر داشته باشید نحوه ادرس دهی در vite و cra اگر asset درون پوشه public نباشه مقداری متفاوت هست. البته فقط برای ادرس دهی درون کامپوننت. برای اینکه گیج نشید این تفاوت رو توضیجح نمیدم.
بر اساس دایرکتوری آخرین عکستون:

# Company.js
src={require("../asset/image/sam.png")}
# styles.css
url("../asset/image/sam.png")

در ضمن نام کامپوننت هاتون رو پاسکال کیس بنویسید. قرارداد برنامه های react به این شکل هست.


امیرحسین
@amir289800 1 سال پیش مطرح شد
1

@Pouyab

ممنون داداش عالی بود خیلی لطف کردی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام