File upload

[mattichu]

I'm a total noob with java script and have found some code to open an upload dialogue when a link is clicked.

 

How/where do I insert the code which will actually upload the file to the server?

  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

    <script type="text/javascript">
        $(function() {

            $('#uploadFile').click(function(e) {
                $('#fileUploadField').click();
                e.preventDefault();
            });

        });
    </script>

    <input type="file" name="something" style="display: none" id="fileUploadField" />
    <a href="" id="uploadFile">Upload File</a>

Any Help much appreciated

[codefossa]

http://www.php.net/manual/en/features.file-upload.post-method.php

 

And as far as using JS to avoid the refreshes and whatnot, you could check out $.submit() and prevent it, then use $.post().

[teynon]

At the risk of not benefiting you in the way of learning code.... I will post this library that might simplify things slightly. Or make them more complicated, depends on how well you can read documentation

 

https://github.com/blueimp/jQuery-File-Upload

 

Demo page:

http://blueimp.github.io/jQuery-File-Upload/

 

And my fork which also supports PHP APC file upload progress: https://github.com/teynon/jQuery-File-Upload

Edited June 3, 2013 by teynon