Serverda ko'rinmayotgan fon tasvirini

Serverda veb-ilovani joylashtirishga harakat qilaman, lekin muammo localhost ilovasida ishlayotganimda, fon tasvirini ko'rsatadigan bo'lsa, lekin uni serverda joylashtirsam, ayniqsa fon rasmda bu haqda hech qanday ma'lumot yo'q

kod bu erda

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

<!DOCTYPE HTML>

<html>
<head>
</head>

<body class=" bgimg" >
</body>
</html>
</div> </div>

Buni qanday hal qila olaman?

Men gridview tugmachasidan rasmlarni olishim mumkin


bu yerdagi tasvirlar fon tasvirini yuklab olish imkoniga ega emas ekan.

Men sahifani bu kabi tekshirib ko'rganimda

Manba yuklanmadi: server 404 (Not Found) holatiga javob berdi

1
Sizning papkangiz bir xilmi?
qo'shib qo'ydi muallif user6003859, manba
Src = "nima bo'lishidan qat'iy nazar" mos kelmasligi kerak. Mahalliy kompyuter xodimi ba'zida sizni kechiradi, chunki siz keshni tozalashni va yo'lni o'zgartirgan bo'lishingiz mumkin. Serverda sizning suratlaringizni tekshiring va src = "../ file.extension" (takrorlang ../siz rasmingizni HTML-dan orqaga qaytib kelgunga qadar) qo'shib qo'yishga urinib ko'ring. Server siz uchun jazolaydi, chunki siz kengaytmaning kichikligini tekshiring. undan kichikroq bo'ladimi? esp Linux server.
qo'shib qo'ydi muallif Venky, manba
Ehtimol, bu yo'l
qo'shib qo'ydi muallif Jeremy Jackson, manba
@Suhas, chunki siz ko'rsatayotgan yo'l haqiqiy emas. DEv asboblari yordamida qattiq kodli yo'lni qo'yishga urinib ko'ring (F12 ni bosib, qo'lni sozlang) va nima sodir bo'lishini tekshirib ko'ring. Shuningdek, gigant asboblarda biror xato yoki yo'qligini ko'rishingiz mumkin
qo'shib qo'ydi muallif Dirty Developer, manba
serverda qanday qilib foydalanmoqdasiz? mijozga yuklash kerakmi? ochiq-oydin inetmgr-> veb-saytingizni topishingiz-> o'ng klik-> ko'rib chiqing.
qo'shib qo'ydi muallif Dirty Developer, manba
U tasvirni serverda yuklash kerakmi?
qo'shib qo'ydi muallif Mandar Sant, manba
@MandarSant Ha, serverga rasm yukladim
qo'shib qo'ydi muallif Suhas, manba
@ user6003859 ha papka tuzilishi bir xil
qo'shib qo'ydi muallif Suhas, manba
@JeremyJackson Men boshqa tasvirlarni to'g'ri qabul qilyapman, lekin faqat fon tasvirli muammo bor
qo'shib qo'ydi muallif Suhas, manba
@DirtyDeveloper, boshqa tasvirlarni yuklashda, lekin serverda yuklashni rejalashtirmayapti
qo'shib qo'ydi muallif Suhas, manba

7 javoblar

{I COMMENT yozishni qodir emasman, shuning uchun suhass javob sharhini nusxa ko'chirish}

Ha, men o'rnak sample.net/sample/img/smpl4.jpg ni ishlashning yaxshi yo'lini qo'ydim, lekin mening shubhaim, /img/smpl4.jpg orasidagi farq bor, chunki u server katalogidan yuklaydi va internetdan yuklaydi Men boshlayotgan men sahifani oching - Suhas

Izoh:

Siz ildiz katalogiga ishora qilganingizda "~ /" yoki "/" ni belgilagan Suhas. Sizning   Sizning ildiz katalogingiz "sample.net" (ehtimol). Misol uchun, "sample.net" ga ildiz katalogini belgilang, keyin "/sample/img/smpl4.jpg" (birinchi slash (/) ikkovidan keyin (') ildiz katalogidan yo'lni hisoblashingiz mumkin).

0
qo'shib qo'ydi

Rasmni serverda ko'rsatish uchun siz tasvirning joylashgan katalogiga ketgandan so'ng tasvirning ruxsatini 755 ga o'zgartirishi kerak.

chmod -R 755 smpl4.jpg
0
qo'shib qo'ydi
serverda rasmni terminalda joylashgan papkaga o'ting va agar yuqorida ko'rsatilgan buyruqni bajarsangiz, Linux serveridan foydalansangiz. Va agar Windows serverida tasvirni o'ng tugmasini bosib, o'qishni, yozishni va bajarishni ruxsatini o'zgartirsangiz.
qo'shib qo'ydi muallif Rishabh Chaudhary, manba
Bu ruxsatni qaerdan o'zgartirasiz
qo'shib qo'ydi muallif Suhas, manba

Ehtimol, fayl nomini tekshiring (fontCase)? smpl4.jpg? smpl4.JPG?

:)

0
qo'shib qo'ydi
Uning smpl4.jpg o'zi
qo'shib qo'ydi muallif Suhas, manba

Yoki noto'g'ri yo'l? bu kabi index.html-da yozadimi?

workspace/    
workspace/img/smpl4.jpg    
workspace/css/style.css    
workspace/index.html

agar index.html da

write url('img/smpl4.jpg')

agar style.css da

write url('../img/smpl4.jpg')

0
qo'shib qo'ydi

You cannot use the root path operator ~ in client-side code, that is only available for code being run by .NET. works because it is being run server side.

Mutlaq yo'lga yoki ildiz elementsiz nisbiy yo'lga o'tish. ../ img/smpl4.jpg kabi bir narsa. Server sozlamalaringizga bog'liq ravishda /img/smpl4.jpg orqali ham kirishingiz mumkin.

To'g'ri URL manzilini aniqlab olishingiz kerak va shuni brauzerda qo'lda yozish orqali olishingiz kerak. Chrome brauzerida tasvirlaringizdan birini (o'ngda ko'rsatiladigan) o'ng birini tanlab, Elementni tekshirish-ni bosing. Chromium qurilmalaridagi siz tasviringizning to'liq URL manzilini ko'rasiz. Boshqa rasmingizga kirish uchun namuna sifatida ish URL-dan foydalaning.

0
qo'shib qo'ydi
@Suhas Javobni yangiladim. Men bergan URLlar faqat misollar. Jildingizning tuzilishini yoki to'liq URL manzilini ko'rmasangiz, sizning nisbiy yo'lingiz qanday bo'lishini bilishimning hech qanday usuli yo'q.
qo'shib qo'ydi muallif jonofan, manba
Ko'proq ma'lumot bermaguningizcha men sizga ko'proq maslahat bera olaman deb o'ylamang. Albatta, siz saytga (url kabi) kirishni va veb-saytingizning katalog tuzilishini bilishingiz kerak.
qo'shib qo'ydi muallif jonofan, manba
uning ishi yo'q
qo'shib qo'ydi muallif Suhas, manba
Men har ikkalasini ham ishlamasligini sinab ko'rdim
qo'shib qo'ydi muallif Suhas, manba
Ha, men yo'lni o'rnatdim sample.net/sample/img/smpl4.jpg ishlashi yaxshi, lekin mening shubhaim /img/smpl4.jpg bilan farq qiladi, chunki u server katalogidan yuklanadi va u Internet - bu men boshlayotgan sahifa xavfsizligini tushuntirib bering
qo'shib qo'ydi muallif Suhas, manba

i'm using direct url of the image now its working fine it directly loads image through by http url

background-image: url('http://www.sample.com/sample/img/smpl4.jpg');
0
qo'shib qo'ydi

Tasvir kengaytmasi kod bilan mos kelishiga ishonch hosil qiling. Yuklangan rasm kengaytmasi smpl4.jpg emas smpl4.JPG bo'lishi kerak

Bu mahalliy sharoitga ta'sir qilmaydi, lekin server tarafida rasm ko'rinmaydi. Tasvirning kengayishini tekshiring va smpl4.jpg kodi kabi kichik harfni o'zgartiring. Ushbu rasmni yuklang va tekshiring.

0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb