Firefox Upload Form Issue

Question

Ive created an uplaod script in php that takes a file, resizes it, and creates a cropped square thumbnail. The script itself seems to work fine.

However, when i tried to upload an image through firefox, on clicking the submit button the browser shows the loading animation, but it never calls the script, it just stays on the current page. If dont upload an image, then the script can be found and is run.

I tried in safari, and i dont get the same problem, i can upload an image from the form, it will process it and take me the correct page.

Ive tired just calling a basic script from the form, it just prints out the $_POST and $_FILES, and i get the same result, if an image is present, it wont get to the script, if no image is present, it runs fine.

Im just wondering if anyone has any idea whats going on?

=Update=

Okay, so ive still got this problem, i seem to think ive found out whats causing it then, but then i find something that contradicts it completley.

At the moment, ive noticed that i can successfully upload after i clear my firefox cache, but i can only upload one image, then when i try to upload another, i cant, it just resets the connection after "Loading..." for a bit.

Also, ive noticed that i can Ctrl+F5 a few times and get another uplaod through.

Althought there are ways around this, i dont want to have a form that requires users to clear cookies or refresh everytime they need to upload. And as ive mentioned before, this error does not occor in IE/Opera/Safari/Chrome.

It seems like firefox is storing something, im not sure what. Any help would be greatfully appretiated.

If it helps here is the code im using.

The HTML Form

<form enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"]; ?>" method="POST">
<label for="file">Choose a file to upload</label>
<input id="file" name="file" type="file" /><br />
<input type="submit" value="Upload File" name="submit" />

And the php..

if (isset($_POST['submit'])) {

  echo "Processing...<br/>";

  if (isset($_FILES['file']['name'])) {
      $file_array = $_FILES['file'];

      echo "Uploading...";
      upload File($file_array);
      echo "...Done";

  }
}

The echos are for me to see whats going on. If none of them are actually being output. So for some reason the form is not being submitted. Which is why its not getting to the script. Ive no idea why tho. Ive got no css, or js errors.

== Update ==

Okay ive being trying some more things and still no luck, the html, css, js is all valid. Ive done an IIS Reset, ive recreated my firefox profile. And still now luck.

I was testing it again, and this time i stoped it in the middle of loading (before the connection was reset) and then tried to go to a different page of the website, and the freezing continued, it would still say "Loading..." and "Waiting for localhost...". Not really sure what to make of that, is it some settings that i have? But then why doesnt it affect other browsers?

== Update ==

As i mentioned below, it seems that AVG Linkscanner/Active surf shield seems to causing this issue, and there are many reports of others having similar problems with it. I updated from AVG Free v9.0.733 to v9.0.790 and i STILL have the same problem. Im going to browse the AVG support forums and maybe post something over there since it seems to be an AVG issue.

If anyone does have anymore insight, please post below. Its much appretiated :)

Answer 1

Even with the following simple upload script, nothing happens.

if (isset($_POST['submit'])) {

  if (isset($_FILES['file']['name'])) {
        $target_path = "public/photos/";

        $target_path = $target_path . basename($_FILES['file']['name']);

        if(move_uploaded_file($_FILES['file']['tmp_name'], $target_path)) {
            echo "The file ".  basename( $_FILES['file']['name']).
            " has been uploaded";
        } else{
            echo "There was an error uploading the file, please try again!";
        }

  }
}

Any ideas?

Answer 2

Sometimes, relative paths are perceived differently by different browsers, not that sure actually but try to specify current directory by prefixing path with ./, eg:

$target_path = "./public/photos/";

Rest of the code looks fine to me.

Answer 3

Just in case you are using the latest FF 3.6 I'm experiencing exactly the same problem, Any form loading a big file (1MB it's enought) seem to block FF upload. On IE7/Safari/Opera it works.

Answer 4

Okay, im getting somewhere with this, you may think this is just a stupid mistake but read on.

If i dont have the < html >< body >..etc tags and just have..

<form enctype="multipart/form-data" action="up.php" method="POST">
    <label for="file">Choose a file to upload</label>
    <input id="file" name="file" type="file" /><br />
    <input type="submit" value="Upload File" name="submit" />
</form>

Then i get this issue, where firefox will hang, on form submission.

If i have the correct tags like..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 


<head>
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body >

    <form enctype="multipart/form-data" action="up.php" method="POST">
    <label for="file">Choose a file to upload</label>
    <input id="file" name="file" type="file" /><br />
    <input type="submit" value="Upload File" name="submit" />
    </form>

</body>

</html>

Then it seems that this works. Now this looks simple, but i build my pages up dynamically so i just have one file that contains just the form code that gets included in the page.

Thats as far as ive got, althought having the form code in a separate file should make no difference since its all put together server side.

Answer 5

Then when you right click in FF and view source, it should look exactly like it does in your code above (below "If i have the correct tags like..").

Answer 6

From the xhtml 1.0 specification

HTML 4 defined the name attribute for the elements a, applet, form, frame, iframe, img, and map. HTML 4 also introduced the id attribute. Both of these attributes are designed to be used as fragment identifiers.

In XML, fragment identifiers are of type ID, and there can only be a single attribute of type ID per element. Therefore, in XHTML 1.0 the id attribute is defined to be of type ID. In order to ensure that XHTML 1.0 documents are well-structured XML documents, XHTML 1.0 documents MUST use the id attribute when defining fragment identifiers on the elements listed above.

Maybe adding an id to the form could fix your problem.

Answer 7

Maybe shomething wrong with if (isset($_POST['submit'])) { and the variable $_POST['submit'] is not included by FireFox?

<pre>
    <?PHP
        print_r($_POST);
    ?>
</pre>

Answer 8

THANK YOU!!!! THANK YOU!!!! I have been having this problem and I had tried everything to resolve it, but to no avail. When I put in:

enctype="multipart/form-data"

in the form tag, this resolved it. So stupid since I wasn't uploading a file, but this seemed to work.

THANK YOU!!!!!