CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede prebenrunge Nybegynder
26. oktober 2008 - 11:23 Der er 8 kommentarer og
1 løsning

Hvordan valideres om et billed er fundet ?

Jeg har nogle billeder (jpg) som jeg viser på min html side vha. javascript (document.getElementById("adpointicon").src=imagesti)
fra et externt drev (stien er tilsat et nr ud fra hvad der vælges).
Nogle gange findes billedet ikke endnu og så får jeg kun den kendte tomme billedbox med X i.
Jeg ville godt kunne fortælle at billedet ikke findes endnu og så vises mit standard icon (0.jpg)

Spørgsmålet går på om man kan kontrollerer om den angivne sti,virkelig indeholder et billed, eller ej og så handle ud fra resulatatet.(altså vises billed eller et standard billed)?
Avatar billede w13 Novice
26. oktober 2008 - 11:48 #1
Det mener jeg ikke, du kan på nogen måde med JavaScript. Især fordi browserne opfører sig forskelligt, når de ikke finder et billede.

Et serversprog (såsom ASP eller PHP) egner sig meget bedre til det. F.eks. kan PHP's .htaccess-fil sættes til at erstatte alle ikke-fundne billeder med et bestemt standard-billede.
Og dén kommando fylder kun én linje kode.
Avatar billede thesurfer Nybegynder
26. oktober 2008 - 16:17 #2
Nu kan jeg ikke huske om det er gyldigt/valid, men du kan putte onerror event på dine billeder..

Eksempel:

<img src="eksisterer_ikke.jpg" onerror="this.setAttribute('src','eksisterer.jpg')">
Avatar billede w13 Novice
26. oktober 2008 - 16:31 #3
Onerror er ikke med i nogen standarder, så vidt jeg husker, men den ville kunne løse problemet i mange tilfælde.

Man kunne så også bare indsætte dette nederst i body, så vil den selv sætte onerror på alle billeder på siden:

<script type="text/javascript">
for (var i=0, im=document.getElementsByTagName("img"); i<im.length; i++)
  im[i].onerror=new Function("this.setAttribute('src','eksisterer.jpg')");
</script>
Avatar billede olebole Juniormester
26. oktober 2008 - 19:40 #4
<ole>

Nej, det er ikke en option. Et img element kan ikke udløse den slags events. Det kan til gengæld JS-parserens object Image:

var o = new Image();
o.onabort = function(){alert("abort")};
o.onerror = function(){alert("error")};
o.src = "sti/til/billede.jpg";

- men det bliver let noget bøvl at rode med  :o|

Løsningen bør helt oplagt findes serverside  ;o)

/mvh
</bole>
Avatar billede w13 Novice
27. oktober 2008 - 15:04 #5
prebenrunge?
Avatar billede nyp Nybegynder
28. oktober 2008 - 21:36 #6
Man kan også bruge Ajax til at teste om et billede findes, bruger selv ext ajax function (findes på extjs.com), der findes sikkert mange andre der også fungerer.

var testImgExists = function(imageUrl){
  Ext.Ajax.request({
    url: imageUrl,
    success: function(){
      alert("Findes");
    },
    failure: function(o){
      alert("Findes ikke");
    }
  });
    };
Avatar billede prebenrunge Nybegynder
30. oktober 2008 - 21:19 #7
undskyld men jeg har ligget vandret et par dage. Jeg prøvede jeres foreslag og det er endt med at jeg bruger Olebole's da det ser ud til at virke som jeg ønskede og i de tilfælde billedet ikke er der virker onerror functionen hvor jeg så placerer mit standard billed med besked.
Avatar billede prebenrunge Nybegynder
04. november 2008 - 20:13 #8
olobole smider du ikke et svar, som jeg kan accepterer og lukke spørgsmålet
Avatar billede olebole Juniormester
08. november 2008 - 22:11 #9
Sorry ... det kommer her  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Er din cybersikkerhed klar til AI-revolutionen?
Læs mere »
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Styrk compliance, sikkerhed og overblik med ét hug
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »