How do I change the default upload path for jquery file upload

Question

I have implemented the jQuery file upload plugin with a php framework it was relatively straight forward following the instructions.

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

My question is specifically towards the PHP class, When the images upload they upload into my framework folder (where the php script is executed). What I want to know is if there is a way to set the path where images will be uploaded to.

This is the class in question.

https://github.com/blueimp/jQuery-File-Upload/blob/master/server/php/UploadHandler.php

It is included in the jQuery file upload repository.

score 12 · Accepted Answer · answered Aug 28 '13 at 01:46

12

You can do it in two ways: 1.. by changing the line 40 in server / php / UploadHandler.php and put the directory you want

 'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/files/',

2.. by adding the upload dir as parameter when initializing the class

$options = array ('upload_dir' => dirname(__FILE__) . '/uploaddir/');
$upload_handler = new UploadHandler($options);

answered Aug 28 '13 at 01:46

mbouzahir

1,424
13
16

1

Thanks, just add the second option inside the index.php instead the 1 setting who need to be set in the UploadHandler.php directly. – Mike Castro Demaria Apr 02 '14 at 16:04

score 2 · Answer 2 · answered Mar 15 '16 at 22:07

2

Add these options to your UploadHandler() function. Make sure to add "/" to end of path.

$upload_handler = new UploadHandler(array(
            'upload_dir' => '/Your/absolute/upload/folder/path/',  
            'upload_url' => '/url/of/above/path/',
            'script_url' => '/url/of/uploadhandler/script',
            'accept_file_types' => '/\.(jpe?g|png)$/i'
     ));

answered Mar 15 '16 at 22:07

Wei

724
9
10

Perfect! this would fix the download URL problem if only upload_dir was changed. – Manar Droubi Oct 31 '17 at 10:31

score 0 · Answer 3 · answered Aug 28 '13 at 01:39

0

I found by changing the path located in UploadHandeler.php on lines 40 and 41 this changed the specified path.

answered Aug 28 '13 at 01:39

Daniel Tate

2,075
4
24
50

score 0 · Answer 4 · answered Aug 28 '13 at 01:41

You can override the callback function as per

$('#fileupload').fileupload({
add: function (e, data) {
    var jqXHR = data.submit()
        .success(function (result, textStatus, jqXHR) {/* ... */})
        .error(function (jqXHR, textStatus, errorThrown) {/* ... */})
        .complete(function (result, textStatus, jqXHR) {/* ... */});
}
});

In the above example it is simply doing a form submit.

How do I change the default upload path for jquery file upload

4 Answers4

Linked