 Nieuw lid |
|
Hallo,
Na lang zoeken naar een handig uploadscript (eentje waar je meerdere files tegelijk mee kan uploaden) kwam ik uit bij een
javascript dat aangeroepen wordt door een formulier in een html-pagina waar je de geselecteerde files te zien krijgt.
Ik gaf eerder de voorkeur aan een PHP-script maar daar vind ik alleen scripts waar je verschillende textboxen kreeg om
telkens een file te gaan selecteren.
Het Javascript checkt ook of je geen dubbele files selecteert en da's wel handig natuurlijk.
Alleen het uploaden lukt niet, ik ben niet zo sterk in scripts en dus weet ik niet wat ik allemaal moet gaan aanpassen
(zoals het pad naar de map waar de files moeten komen etc.)
Ik zal zowel het script als de code van het formulier hieronder even posten.
Alvast bedankt om er even naar te kijken!
(javascript)
(form)
<body onLoad="javascript:document.forms.form1.reset();">
<script type="text/javascript" src="upload.js"></script>
<form name="form1"><span id="chooserSpan"><input type="file" id="fileInput" name="fileInput"
onChange="javascript:fileChange();"></span><input type="button" name="upload" id="uploadFilesButton" value="Upload Files"
style="font-size:12px;" onClick="javascript:uploadFiles();"><input type="checkbox" id="noPopup"> No popup.</form><br>
<div id="mainUploadDiv" align="left" style="background-color:#66CCFF;width:600px;font-size:12px;overflow:hidden;">
<div id="uploadDeleteTitleDiv" class="uploadPathDiv" align="center" style="width:100px;"><b>Delete</b></div>
<div id="uploadPreviewTitleDiv" class="uploadPathDiv" align="center" style="width:0px;"><b>Preview</b></div>
<div id="uploadPathTitleDiv" class="uploadPathDiv" align="center" style="width:500px;"><b>Files (maximum
<script>document.write(maxUploads);</script>)</b></div>
</div>
<script>
createUploadDiv();
</script>
<form id="uploadForm" action="" enctype="multipart/form-data" method="post">
<input id="uid" type="hidden" name="uid" value="777">
</form>
<div id="temp"></div>
</body>
<body onLoad="javascript:document.forms.form1.reset();"> <script type="text/javascript" src="upload.js"></script> <form name="form1"><span id="chooserSpan"><input type="file" id="fileInput" name="fileInput" onChange="javascript:fileChange();"></span><input type="button" name="upload" id="uploadFilesButton" value="Upload Files" style="font-size:12px;" onClick="javascript:uploadFiles();"><input type="checkbox" id="noPopup"> No popup.</form><br> <div id="mainUploadDiv" align="left" style="background-color:#66CCFF;width:600px;font-size:12px;overflow:hidden;"> <div id="uploadDeleteTitleDiv" class="uploadPathDiv" align="center" style="width:100px;"><b>Delete</b></div> <div id="uploadPreviewTitleDiv" class="uploadPathDiv" align="center" style="width:0px;"><b>Preview</b></div> <div id="uploadPathTitleDiv" class="uploadPathDiv" align="center" style="width:500px;"><b>Files (maximum <script>document.write(maxUploads);</script>)</b></div> </div> <script> createUploadDiv(); </script> <form id="uploadForm" action="" enctype="multipart/form-data" method="post"> <input id="uid" type="hidden" name="uid" value="777"> </form> <div id="temp"></div> </body>
Citaat: Rensjuh edit:
Regels 2.3:
voorzie het bericht eventueel van codefragmenten ( géén lappen text)
Plaats de lappen code op plaatscode.be |
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
. Dan zal ik je teleur moeten stellen want het is niet echt mogelijk met javascript een uploadscript te maken. Je zal toch PHP moeten gebruiken.
Actiefste leden van de maand
