Uploading files

#1
chili5

Posted 29 March 2008 - 06:49 AM

Writes binary right handed and hex left handed

Members
7,247 posts

<html>
<head>
<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('files').innerHTML += "<br /><input type='file' value='' name='file[]' />";
fields += 1;
} else {
document.getElementById('files').innerHTML += "<br /><span style=\"color:red;\">You can only have 10 upload fields.</span>";
document.upload.add.disabled=true;
}
}
</script>
<title>Upload File</title>
</head>
<body>
<form name="upload" enctype="multipart/form-data" action="uploader.php" method="POST">
<div id="files">
<input type="hidden" name="MAX_FILE_SIZE" value="100000" />
Choose a file to upload: <br /><input name="file[]" type="file" />
</div><br />
<input type="submit" value="Upload File" />
<input type="button" value="Add more" name="add" onclick="addInput()" />
</form>
</body>
</html>

I have this HTML and a javascript that creates extra file upload fields at the user's choice. I want to be able to upload these to my server. I know how to upload one file but I can't get it to upload all the files that I want to upload.

Can anyone help?

Thanks,

~James

#2
Guest_Jordan_*

Posted 29 March 2008 - 02:50 PM

Guests

You need to change the name from "file[]" to a unique name for each upload. Then you can access the files as you would normally via PHP.

#3
chili5

Posted 30 March 2008 - 02:48 AM

Writes binary right handed and hex left handed

Members
7,247 posts

That would work but I'm having problems because when the user clicks to add another file upload field, I would need to add a name to it then.

<script language="javascript">
fields = 0;
function addInput() {
if (fields != 10) {
document.getElementById('files').innerHTML += "<br /><input type='file' value='' name='i' />";
fields += 1;
} else {
document.getElementById('files').innerHTML += "<br /><span style=\"color:red;\">You can only have 10 upload fields.</span>";
document.upload.add.disabled=true;
}
}
</script>

I have a file field in the body, and I know how to upload that but what my problem is, I don't know how to upload the files specified in the fields that the user adds to the page.

#4
Guest_Jordan_*

Posted 30 March 2008 - 05:45 AM

Guests

I don't see where you declare i or increase i's value. I would recommend adding i to "file" so file + i = "file1", "file2", etc.

#5
phpforfun

Posted 31 March 2008 - 07:28 AM

Speaks fluent binary

Members
1,236 posts

I made a script just like this, the only thing id like to know is.. how do I add a progress bar?

#6
chili5

Posted 08 April 2008 - 01:12 PM

Writes binary right handed and hex left handed

Members
7,247 posts

phpforfun said:

I made a script just like this, the only thing id like to know is.. how do I add a progress bar?

Um I don't really know how with PHP but perhaps it might be possibly using PHP with ajax. not really sure

#7
alilg

Posted 08 April 2008 - 01:28 PM

Learning Programmer

Members
56 posts

chili5 said:

Um I don't really know how with PHP but perhaps it might be possibly using PHP with ajax. not really sure

with php-perl and ajax or just php and ajax you can create a good progress bar!
when you clicked the UPLOAD button, a javascript timer will running during the file have sending to you server.
the ajax checking the size of the file which have upload, at you host "tmp" directory, every 6 seconds for example, and send it back to you html upload page... so simple..

there are many free scripte which you can download...
just try to google php ajax progress meter or ajax file upload progress and see

Street Racing Games