Bild hochladen und modifiziert anzeigen
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
aussuchen
button
code
falsches forum
file
gefunden code
geschichte
gut url
http
image
laden
last
manipulieren
netz
pack
paste
url
video
vorlage
zuviel
-
Hi leute,
Bin gerade im Netz gewesen und hab da was ganz interessantes gefunden. Hier http://www.stylebutton.de/ seht ihr rechts uten dieses ksatl wo man seine Vorlage (irgendein img) hocladen kann und diese dann direkt gezeigt wird (auf einem Button). Dem Html code entnehme ich das es ein .php script bzw. mehrere sind ?!
Nun hätte ich sowas brutal gerne für meine HP, hatte die Idee auch schon vorher es schien mir jedoch unmöglich das mit flash zu programmieren da man ja was hochladen muss . . . .
GreeZ
buttonking
www.buttonking.at -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
dann such mal wen der es dir programiert :D
ich denke mal das du opensource mäßig da nichts vergleichbares finden wirst ist zu "einzigartig"
Ansonsten viel Spass beim Lesen http://articles.sitepoint.com/article/dynamic-images-imagemagick
btw. Falsches Forum :D
Beitrag zuletzt geändert: 14.6.2010 16:02:00 von rambule -
Ich hab folgendes gefunden. Ist zwar etwas zuviel aber dennoch gut ! http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/. Leider check ich nicht warum das nicht funzt. Ich weis nicht womit ich die files aufmachen soll.
DW geht nicht, FF auch nicht ?!
greez
-
Ich pack Dich mal ins JavaScript-Forum, denn
a) Braucht man Dir mit Flash nicht versuchen zu helfen wenn Du gar nicht weißt was man damit machen kann und
b) hab ich keine Lust, mir einen ordentlichen Threadtitel zu überlegen und
c) ist jquery irgendeine JavaScript-Geschichte
Edit (djfun):
Ich hab das ganze mal nach PHP weiterverschoben, da das hier der interessante Teil ist, also wo das Bild angenommen wird und auch bearbeitet wird (ich hoffe ich hab die Frage richtig verstanden^^)
Beitrag zuletzt geändert: 14.6.2010 20:39:31 von djfun -
Wenn du das ganze auf Client-Seite mit JavaScript machen möchtest (was ich in diesem Fall durchaus empfehlen würde), würdest du die File API nutzen, um ein File zu laden (über DragDrop oder input, kannst du dir aussuchen), das File anschließend in ein Canvas laden und anschließend manipulieren, wie du es willst.
-
Auf die Schnelle hab ich das hier gefunden:
<!-- TWO STEPS TO INSTALL IMAGE UPLOAD PREVIEW: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <script type="text/javascript"> <!-- Begin /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: Abraham Joffe :: http://www.abrahamjoffe.com.au/ */ /***** CUSTOMIZE THESE VARIABLES *****/ // width to resize large images to var maxWidth=200; // height to resize large images to var maxHeight=200; // valid file types var fileTypes=["bmp","gif","png","jpg","jpeg"]; // the id of the preview image tag var outImage="previewField"; // what to display when the image is not valid var defaultPic="spacer.gif"; var extOk=false; var globalPic; /***** DO NOT EDIT BELOW *****/ function preview(){ var source=document.getElementById('picField'); var imageName="file:///"+source.value; var ext=nomImage.substring(imageName.lastIndexOf(".")+1,nomImage.length).toLowerCase(); for (var i=0; i<fileTypes.length; i++){ if (fileTypes[i]==ext){ extOk=true; } } if(extOk==true){ globalPic=new Image(); globalPic.src=imageName; extOk=false; applyChanges(); }else { globalPic.src=defaultPic; alert("THAT IS NOT A VALID IMAGE\nPlease load an image with an extention of one of the following:\n\n"+fileTypes.join(", ")+"\n and not "+ext); } } function applyChanges(){ field=document.getElementById('previewField'); x=parseInt(globalPic.width); y=parseInt(globalPic.height); if (x>maxWidth) { y*=maxWidth/x; x=maxWidth; } if (y>maxHeight) { x*=maxHeight/y; y=maxHeight; } field.style.display=(x<1 || y<1)?"none":""; field.src=globalPic.src; field.width=x; field.height=y; } // End --> </script> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <div align="center" style="line-height: 1.9em;"> Test it by locating a valid file on your hard drive: <br> <input type="file" id="picField"> <br> <input type =submit value ="Ok" onClick="preview()"/><br> <img alt="Graphic will preview here" id="previewField" src="spacer.gif"> <br> <div style="font-size: 7pt;"> Script submitted by: <a href="http://www.abrahamjoffe.com.au/">Sydney Wedding Video / DVD</a></div> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
