Deze 2 snippets staan volledig los van elkaar en hebben enkel gemeen dat ze iets met ‘images’ te maken hebben.
imageUpload
Inline images uploaden zonder dat je page moet refreshen is vet geil! In de snippet is het slechts 1 image, maar het kan natuurlijk uitgebreid worden naar tientallen images die met 1 klik simultaan losgelaten worden op het wereldwijde web. Nu wordt er tijdens de upload een ajax loader weergegeven. De oorspronkelijke bedoeling was om de progressie van de upload weer te geven in procenten maar omdat de filesize maar bekend is na de Upload was dit niet onmiddellijk mogelijk. Er zijn wel perl scripts die dit toelaten maar dit vond ik net iets te omslachtig.
Link: http://joggink.be/snippets/imageUpload/
Bugs: Werkt enkel in firefox correct, in IE zou de upload knop wat ‘vreemd’ kunnen doen. Aangezien het enkel een proof of concept was heb ik me er niet verder in verdiept.
imageRotator
Naar aanleiding van een topic “Ajax: afbeelding draaien” op het telenet webdesign forum wilde ik me er wel eens aan wagen om images inline te kunnen bewerken. Het is slechts bij roteren gebleven, maar het uiteindelijke doel is één van m’n vele hersenspinsels te verwezenlijken zijnde een volledige image bewerkingstool. Croppen, resizen, roteren, mss voorzien van tekst, achtergrondkleur, etc… Een webbased paint-achtig iets. Dit is nog toekomstmuziek want atm heb ik hier niet zo heel veel tijd voor.
De image op zich roteren was echt nie moeilijk, het is een build in gd2_library functie :p
// jpg image header (kan ook gif / png zijn 
)
header('Content-type: image/jpeg') ;
// canvas aanmaken
$source = imagecreatefromjpeg($image) ;
// en draaien maar!
$rotate = imagerotate($source, $degrees, 0) ;
// Bestand wegschrijven
ImageJpeg($rotate, $image, 100);
// Geheugen opschonen
Imagedestroy($source);
Link: http://joggink.be/snippets/ImageRotator/
Bugs : het kan zijn dat er na te veel rotaties kwaliteitsverlies optreed.
Als er nog bugs mochten inzitten, let me know.