<ole>
Opgiv projektet! Du læner dig opad at være bruger nummer 100.000, der stiller spørgsmål om dette emne - og det lader sig ikke gøre.
File-inputtet er uden sammenligning det element, der er flest restriktioner omkring. I tidens løb har der været flere mulige hacks, men de bliver umuliggjort, efterhånden som de bliver opdaget.
Punkt 1 kan du omgå ved at bruge elementets onchange-event - men det er stort set umuligt at scripte mod elementet. Der skal meget lidt til, før at filen ikke bliver overført til serveren.
/mvh
</bole>
olebole -> har da én i ærmet (ej testet i FF da jeg byggede det for 1½ år siden)
*** advarsel incoming hack ***
Korte træk er det vel at positionere 2 knapper ovenpå hinanden hvor "input-file" er øverst men gennemsigtig...
.file,
.fake-file-button {
position: absolute;
top: 0px;
left: 150px;
width: 50px;
height: 21px;
background-image: url('/sti/til/en/knap.gif');
}
.file {
filter: alpha(opacity: 0);
opacity: 0;
z-index: 2;
}
.fake-file-button {
z-index: 1;
}
mht 1 som olebole skriver
<input type="file" onChange="alert('Vinduet blev lukket')" onClick="this.value=''">
stenet... jeg kan godt lave en alert() men onChange men ikke en submit()...
hkb-x >> den forstod jeg ikke =)
du kan da godt autosubmitte så snart der er valgt en fil...
<input type="file" onChange="if(this.value!='') document.getElementById('mit-form-id').submit()">
ahh.. har fikset det så kan godt få onChange til at virke så jeg kan submitte...
@horsmark
Dit hack kan jeg ikke få til at virke da jeg ikke kan trykke på file-inputet hvis noget ligger over det... ellers en rigtigt smart ide ;)
horsmark >> det interessante er ikke, om formen kan auto-submittes. Det interessante er, om filen er at finde på serveren ... om de binære data overføres.
- og så må jeg lige udtrykke min respekt. Det er ikke så ofte, jeg møder så modige/ihærdige mennesker som Jer! ;o)
Jeg har ikke ændret den opfattelse, jeg gav udtryk for i kommentaren:
"File-inputtet er uden sammenligning det element, der er flest restriktioner omkring. I tidens løb har der været flere mulige hacks, men de bliver umuliggjort, efterhånden som de bliver opdaget."
Jeg kan kun sige: At I gider! I græder jo alligevel om et halvt år =)
olebole >> well... yes du har ret og der er ingen grund til at smide krudt efter det MED MINDRE man er som jeg - "Alle siger at det kan jeg ikke - derfor MÅ jeg bare få det til at lykkedes" ...og dét er så mit handicap :-)
hkb-x >> Spild ikke krudt på det med mindre det er vigtigt for din eksistens :-) ...og det er derfor at file-input har z-index højere - derfor virker det... så det er dit z-index der ikke er sat korrekt så (måske)
PS: Læg mærke til billedet under "Screenshot: File input fields in the various browsers"
horsmark >> Jeg ved godt, jeg ofte fremstår som 'den gamle, sure mand', der fraråder alle mulige spændende løsninger - men jeg har somregel ret gode grunde =)
F.eks. husker jeg de mange E-brugere, der for nogle år siden brugte 'Chromeless Windows' i IE ... og ikke mindst deres panik, da browser-bug'en, der gjorde teknikken mulig, blev rettet. Dengang blev der grædt, så snottet hang i guirlander fra skærm til skærm!
Jeg har det skam også med at lege - og gerne på de mest syge måder. Men jeg bruger aldrig tvivlsomme løsninger i ting, der skal på nettet.
Det er mit (ganske ubeskedne) indtryk, at mange E-brugere ikke er helt så velorienterede, som mig - og derfor prøver jeg altid at advare mod ubehagelige overraskelser.
For ingen skal være i tvivl, er essensen i de af mine holdninger, jeg giver udtryk for i denne tråd:
Leg gerne alt det, du vil - men pas på, hvad du bruger resultatet til
- og lad være med at bruge kostbar tid på tvivlsomme løsninger, hvis det ikke er leg
Dette er et rent eksperiment for at finde noget der holder...
Det er kun til brug på en privat del af min egen side
www.hkb.itMen selvfølgelig har quirksmode som sædvanlig en nice JS løsning...
Tror jeg jeg vil kigge lidt nærmere på...
Har nu strikket noget sammen som passer fint til mine behov...
Hvis nogle vil have point så kast et svar ellers lukker jeg nok om en uge...
