Avatar billede hans92929 Novice
18. januar 2019 - 12:57 Der er 3 kommentarer og
1 løsning

Upload boks fra div.

Hej ,

Jeg prøver at få upload boksen frem ved at klikke på "Upload 1",
Men det virker ikke.. Men hvis jeg åbner chrome devTools, og skriver: document.getElementById('fileToUpload').click(); I konsolen, så åbner den sig, men kan ikke få min fiddle til at virke

https://jsfiddle.net/vrhze6L0/
Avatar billede Slater Ekspert
18. januar 2019 - 13:33 #1
Det er fordi det er en input[type="file"] - det er en meget speciel elementtype, som er stærkt begrænset i hvad du kan gøre med den med Javascript og CSS, fordi den kan udgøre en sikkerhedsrisiko.

Du kan godt gøre det her, men er nødt til at bruge et trick til det. I stedet for at bruge et link eller en Javascript onclick, skal du lave en <label for="fileToUpload"> omkring den knap der skal klikkes på. En label med et for-attribut fungerer som en udvidelse af et input-element, og et klik på det er det samme som et klik på input-elementet.
Avatar billede hans92929 Novice
18. januar 2019 - 13:48 #2
Det kan jeg heller ikke få til at virke.. Det har virkede før... ved ikke hvorfor det lige pludselig ikke virkere længere
https://jsfiddle.net/87d1foc0/
Avatar billede Slater Ekspert
18. januar 2019 - 13:53 #3
Det skulle ikke bare være en tom label et tilfældigt sted, men omkring de klikbare elementer. F.eks. sådan:

https://jsfiddle.net/wsphq4v0/
Avatar billede hans92929 Novice
18. januar 2019 - 15:04 #4
tak
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

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.

Du kan også logge ind via nedenstående tjenester