Toon posts:

[javascript] image creeeren uit fileinput

Pagina: 1
Acties:

Verwijderd

Topicstarter
Wanneer ik met een file input veld een image selecteer en het formulier valideer, krijg ik in FF niet de width cq height opgevraagd van de afbeelding.
- FF laat me zelfs niet een image maken en die ergens aan de dom appenden
- FF geeft de hele readystate terug als undefined
- onload of readystatechange werken ook niet als events.

Uit een ander topic crisps antwoord geprobeerd met picture.readyState=='complete' maar ook dat schijnt niet te lukken.
Iemand een tip? Of link?

code sample uit een vroeg stadium
code:
1
2
3
4
5
var i = new Image
i.src = fm.bestandsnaam.value
i.onload = function() { getImage(i); }

function getImage(imgsrc) { alert(imgsrc.width); }

[ Voor 18% gewijzigd door Verwijderd op 08-02-2007 15:55 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Het is clientside niet mogelijk om dat soort informatie op te vragen. Dat zou immers een security-issue zijn...

Intentionally left blank


Verwijderd

Topicstarter
dus in IE6 is dit geen security-issue of uitzondering? (in IE6 krijg ik wel maten door)

  • Nielsz
  • Registratie: Maart 2001
  • Niet online
in FF kan het wel, maar dan moet je op de client ergens in een bestand een whitelist aanleggen.
Het is dus alleen geschikt voor intranetten waar je dat op elke client kan doen :P

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function selectupload
{
        if(window.ActiveXObject) 
        {
            newtd.style.backgroundImage="url(file:/" + this.value + ")";
        }
        else
        {
            var image = document.createElement('img');  
            image.src="file:/"  + this.value;
            newtd.appendChild(image);   
        
        }
}

    var fileding = document.createElement('input');
    fileding.setAttribute('type','file');
    fileding.setAttribute('name','uploadimages[]'); 
    fileding.onchange = selectupload;


iets in deze trant :)

[ Voor 57% gewijzigd door Nielsz op 08-02-2007 18:12 ]


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

Verwijderd schreef op donderdag 08 februari 2007 @ 17:09:
dus in IE6 is dit geen security-issue of uitzondering? (in IE6 krijg ik wel maten door)
In IE7 werkt het in ieder geval niet meer. IE6, tsja - dan heb je het ook over een browser van 5 jaar oud ;)

Overigens is dit een correcte file-URI:
code:
1
file:///C:/mydir/mypic.gif

[ Voor 12% gewijzigd door crisp op 08-02-2007 23:38 ]

Intentionally left blank