The file is inside templates/fileupload.
Can't find where it used.
What the purpose of this file?

The file static/img/loading.gif seems to be missing from the repository as well as the file templates/fileupload/picture_confirm_delete.html.

The error below can be generated with the django development server by passing in a URL like http://localhost:8000/upload/delete/1

TemplateDoesNotExist
Exception Value:    
fileupload/picture_confirm_delete.html
Exception Location: /Library/Python/2.7/site-packages/django/template/loader.py in select_template, line 193

Hello,
I have a problem with required field... I downloaded the application and everything was fine... then I tried to add in models.py a simple required field like this

test = models.CharField(max_length=60,)

First attempt gave me, as expected because I didn't try to give to the new field some value, this error:

{"test": ["This field is required."]}

Second attempt I added a line to the save method in models.py (replicating what is done for the slug field)

def save(self, *args, **kwargs):
    ...
    self.test = 'foo'

same error... Third attempt (after a LOT of googling) I changed views.py like this

def form_valid(self, form):
    self.object = form.save(commit=False)
    self.object.test = "foo"
    self.object.save()
    ...

again the same error... I don't know now what to do... any suggestion?

Thanks

The code includes a south migration, but the app is not listed.

Need to add 'south' to INSTALLED_APPS in settings.py

p.s. nice work! works first time (almost), and the code is concise and clear. Thanks

Please package this app with a setup.py script. Would be nice if it was on pypi as well. Thanks!

The permalink decorator is no longer recommended. You should use reverse() in the body of your get_absolute_url method instead. This is for the sample model Picture which comes with the module.

response.py:3: DeprecationWarning: django.utils.simplejson is deprecated; use json instead.
from django.utils import simplejson

checkout: https://docs.djangoproject.com/en/dev/releases/1.5/#system-version-of-simplejson-no-longer-used

Update:
It seems you are solving it in django-1.6 branch. So you could close this one. Sorry for that

As soon as I upgraded to Django 1.6 I started to get this deprecation warning:
[..]/site-packagesjfu/http.py:2: DeprecationWarning: django.utils.simplejson is deprecated; use json instead. from django.utils import simplejson

Easily fixable by replacing:
from django.utils import simplejson
with:
import json

Cheers!

Hi,

When I try to see the page in chrome it says:

ImportError at /upload/new/
No module named django-jquery-file-upload.urls
Request Method: GET
Request URL: http://127.0.0.1:8000/upload/new/
Django Version: 1.5.4
Exception Type: ImportError
Exception Value:
No module named django-jquery-file-upload.urls
Exception Location: /usr/lib/python2.7/dist-packages/django/utils/importlib.py in import_module, line 35
Python Executable: /usr/bin/python
Python Version: 2.7.5
Python Path:
['/home/desenvolvedor/Downloads/django-jquery-file-upload-master',
'/usr/lib/python2.7',
'/usr/lib/python2.7/plat-i386-linux-gnu',
'/usr/lib/python2.7/lib-tk',
'/usr/lib/python2.7/lib-old',
'/usr/lib/python2.7/lib-dynload',
'/usr/local/lib/python2.7/dist-packages',
'/usr/lib/python2.7/dist-packages',
'/usr/lib/python2.7/dist-packages/PILcompat',
'/usr/lib/python2.7/dist-packages/gtk-2.0',
'/usr/lib/pymodules/python2.7',
'/usr/lib/python2.7/dist-packages/ubuntu-sso-client',
'/usr/lib/python2.7/dist-packages/ubuntuone-client',
'/usr/lib/python2.7/dist-packages/ubuntuone-control-panel',
'/usr/lib/python2.7/dist-packages/ubuntuone-storage-protocol']
Server time: Wed, 29 Jan 2014 12:23:40 -0600

Does it work on django nonrel for Google App Engine?

When doing a cross-domain POST, an OPTIONS request is issued first. This application does not send a proper response for OPTIONS, thus causing the subsequent POST to fail.

I have this project running on my WebFaction account at: http://uploader.btaylordesign.webfactional.com, and am attempting to post from a static, JavaScript application running in Nginx on my local computer.

django-jquery-file-upload works fine. the problem is in the admin panel using django 1.3.4 from EPEL on centos 6.3 minimal.

When I get inside the admin panel - into the 'picture' table when it's empty, - everything is fine. when there are rows - it return error 500. with DEBUG:

TemplateSyntaxError at /admin/fileupload/picture/
Caught TypeError while rendering: coercing to Unicode: need string or buffer, FieldFile found

the def unicode for the model is set to return self.file. which django dosen't accept.
when I am changing it to self.slug - everything works fine again in the admin panel but the jquery uploader stops working.

When user upload a file with a blank space filename (ex: "my pic.jpg") the file is saved with underscores instead black spaces but the link is pointing to the original file name with blank space giving a 404 error

Hi

Thanks for writing this example with Django. It works out of the box, but how would you change the code if you need to add a 'description' field for each file that you upload.

I have changed the upload-template in the upload_tags.py file to render the additional text field named 'description':

        <tr class="template-upload{{if error}} ui-state-error{{/if}}">                    
            <!-- <td class="name">${name}</td> -->                                        
            <!-- <td class="size">${sizef}</td> -->                                       
            <td class="preview"></td>                                                     
            {{if error}}                                                                  
                <td class="error" colspan="2">Error:                                      
                    {{if error === 'maxFileSize'}}File is too big                         
                    {{else error === 'minFileSize'}}File is too small                     
                    {{else error === 'acceptFileTypes'}}Filetype not allowed              
                    {{else error === 'maxNumberOfFiles'}}Max number of files exceeded     
                    {{else}}${error}                                                      
                    {{/if}}                                                               
                </td>                                                                     
            {{else}}                                                                      
                <!-- <td class="progress"><div></div></td> -->                            
                <td class="start" style="display:none;" ><button>Start</button></td>      
                <td class="file_upload_desc"><input type="text" name="description"/></td>\

                <td class=""><select name="photo_type"><option>restaurant</option></selec\
t></td>                                                                                   
            {{/if}}                                                                       
            <td class="cancel"><button>Cancel</button></td>                               
        </tr>                                                                             

The field renders correctly with each file row but the POST data that reaches the server never contains the additional field.

I read the jquery-file-upload docs and found out about formData but could not figure out how to initialize it with different data for each row (file).

Any help will be appreciated.

Jai

Works amazing running the dev server, however when I try to add it to my httpd.conf and run it with mod python, i get an import settings error. Any help?

 <Directory "/Library/WebServer/Documents/pictureupload">
    SetHandler python-program
    PythonHandler django.core.handlers.modpython
    SetEnv DJANGO_SETTINGS_MODULE pictureupload.settings
    PythonDebug On
    PythonOption django.root /pictureupload/upload/new
</Directory>

I'm trying to make it work on AppEngine. I had success deploying and it works until I try to upload, an error message shows in server log:

ValueError: The App Engine storage backend only supports BlobstoreFile instances or File instances whose file attribute is a BlobstoreFile.

I believe that the error is because in models.py it uses django's model class, which is models.FileField, but AppEngine requires db.Blob().

Any idea to fix it? Thanks.

I tried to cancel an uploading file, and nothing happens. It gets stuck with the loading bar at 100%.

Hey - great code very helpful thanks for contributing. Just letting everyone know that I encountered a small issue while compiling the source code - the ROOT_URLCONF in "settings.py" should be django-jquery-file-upload-master.urls, not django-jquery-file-upload.urls. With the wrong string the code gives a module import error. Thanks again!

Initial install works fine for adding. Deleting removes the image from the client side, but the server throws 403 forbidden error and never reaches PictureDetailView.delete (so the database record does not get deleted):

[29/Jun/2012 23:02:22] "DELETE /upload/delete/11 HTTP/1.1" 403 2294

Any pointers greatly appreciated.

This is using basic "manage.py runserver" (rather than nginx) on Django 1.4.

After calling upload/new with POST data , I get text/html as response, instead of json
This happens only on production.
Locally its working fine.

Any Idea why ?

Hello,

I'm on django 1.3 and when there are pictures in the db, the code raise an exception because of file "picture_form.html", line 58. This is the statement that does not work: {% url 'upload-delete' picture.id %}

I'm a django newbe, so at the moment I've fixed it just using /upload/delete/{{ picture.id }} instead

For the rest project works well, congrats for it

def form_valid(self, form):
    self.object = form.save()
    f = self.request.FILES.get('file')

I'm changing my file name. so i get the "INTERNAL SERVER ERROR".
Can you tell a better way where i can get the changed name in the next step.

Instead of requesting the file. I want to request the DB.

I am using django 1.6 nrach. and when i try to delete image it wont do anything. Why?

When i tried add this to my page with bootstrap 3.0.0 and the files list (already uploaded and not uploaded) are not showing, but are in code. Like in here: https://www.dropbox.com/s/fgtpspazm5orl3r/Screenshot%202014-02-11%2016.54.43.png

I can not find the file app.yaml

I am create a image gallery project using this app .

and my url :

url(r'^(?P<album_pk>\d+)/$', AngularVersionCreateView.as_view(), name='upload-angular'),

I did not do any other changes but it upload url shows still 'http://localhost:8000/upload/angular/'

how can i dynamically assign 'album_pk' to the upload button. What other changes i have to do while doing this . Where the url is hard coded

i request someone support to do this. i was working django 1.3. So i am not good in the class level view and other stuff in the code base.

Hello sigurdga.

I want to update to latest version of the js files from the source demo project: blueimp / jQuery-File-Upload. https://github.com/blueimp/jQuery-File-Upload

It will be very helpful, and will saves me a lot of time, if I knew what changes you've made to the files, if any, when creating this wonderful project.

Thank you in advance,
ET.

I get the uploaded file in the directory specified, however, nothing is saved in the database. And I see Internal Server Error on the UI error message.
I narrowed the error down and found out that there is something with the url that I cannot figure out. For some reason the reverse function reverse('upload-delete', args=[self.object.id] causes the error.
What might be the problem?

Thanks

Hi Sigurd,

Excellent example!
After cloning, I uncommented this section to enable image resize:
{ action: 'load', fileTypes: /^image\/(gif|jpeg|png)$/, maxFileSize: 20000000 // 20MB }, { action: 'resize', maxWidth: 1024, maxHeight: 768, minWidth: 800, minHeight: 600 }, { action: 'save' }

This works well in Firefox (v21.0) but this doesn't seem to work in Chrome (v27.0.1453.94) and Safari (v5.1.7).
Is this expected? Would you know if updating with the latest js files from https://github.com/blueimp/jQuery-File-Upload will fix this issue?

Thanks,
Kenneth

Hi,pal! I wanna upload files like pdf , but it looks http://www.flickr.com/photos/44288930@N08/8105683495/ , where and how to beautify it

Image files [png, jpg, gif] works perfect with multiupload but other files are not uploaded and the ui throws the error : SyntaxError: Unexpected token <

I'm playing around with your Django app and everything seems to be working just fine.
Except I'm not able to upload more than one file at once. If I select more than one file, only the first file is shown and uploaded to the server.

I'm not getting any exceptions or errors, so it's quite difficult to figure out what is actually happening. Any idea?

I see that this was posted before & closed, though I'm unsure why. I'm running on IE and on Chrome.

EDIT: Sorry, this was my bad. Looks like I was running the wrong branch.

I have several commits I'd like to add soon:

• upgrade to newer files version of the Jquery-File-Upload. many things changed and new feautres added.
• Maybe add the different versions: Basic, Basic Plus, Basic Plus UI, AngularJS, jQuery UI

I would like to make my repo the same as yours to be able to commit changes without need to apply fixes.

from the comparison of your master against my master:
https://github.com/ET-CS/django-jquery-file-upload/compare

there are two differences:

1:
picture_form.html ->
the div fileupload-content used by you to render the files from django.
... and ...
the def get_context_data() function .
Which both are not implemented now and can be removed in next merge?

2:
in fileupload/urls.py:

-from django.conf.urls import patterns, url

+from django.conf.urls.defaults import patterns, url

removing .defaults generates error for me. I guess its django version compatibility issue.. (I am using Django 1.3.7 from CentOS repo)

Any idea how to fix this and to support both django versions?

The pictures are uploaded but there are 404 file not found errors for the thumbnails as screenshots attached. I am pretty new to django, can someone please help. Thanks.

Hi,

This is not really an issue but more of a question. (I am kind of new to Django...) I can't find anywhere in your code where the template "picture_form.html" is loaded... I don't understand how it does it?!

Also, why do you need super() here?

 super(Picture, self).save(*args, **kwargs)

Thanks a lot,

Antoine

After clicking start upload, but before the actual save, this error message appears next to file: "Error: SyntaxError: Unexpected token ILLEGAL". Happens in your demo and also in my own implementation.

Hi sir,

I am not able to upload csv files using either basic or basicplus or basicpluswithui

Images work fine. But csv or other files dont. I changed something and it doesnt do what I thought it would.

Looking at some questions on stackoverflow, I changed

acceptFileTypes: /(.|/)(gif|jpe?g|png)$/i
to this
acceptFileTypes: /(.|/)(gif|jpe?g|png|csv)$/i

at this location project/fileupload/templates/fileupload/picture_basicplus_form.html

I tried this parameter in main.js and other js files, to no effect.

The project is here right now....
http://detectphonenumbers.yesiknowjava.webfactional.com/upload/basic/plus/

Is there anything else I need to do in any other file. As this change does not store the csv file anywhere

Can somebody please help. Also I request the author to put up a simple integration instead of class based views, collectstatic and all the other steps.
Like step 1 include this css,js in template head section
step 2 put this html in the body section
step 3 ok here is views function (not generic view)

I'm trying to make it work on AppEngine. I had success deploying and it works until I try to upload, an error message shows in server log:

ValueError: The App Engine storage backend only supports BlobstoreFile instances or File instances whose file attribute is a BlobstoreFile.

Any idea, since I believe its uploading a blob, right?

HI all
I was wondering if there's a way we could generate an url to share the uploaded files, and along with that if we can set some time constraint as how much time that url should persist.. Please do respond :) Thank You :)

I was messing around with you app, its great. However I am having a little difficulty adding new fields, specifically datetime fields and url fields. I thought it would be good if there was a timestamp of some sort upon uploading the picture, however json seems to be having issues with the datatime field and the url field...suggestions?

This is the error message I get when trying to syncdb and runserver.
ImportError: cannot import name execute_manager

Explanation of the error here:
http://stackoverflow.com/questions/20906305/import-error-cannot-import-name-execute-manager-in-windows-environment

i am trying to use ur app with my own project and i am getting this Uncaught TypeError: Object [object Object] has no method 'fileupload' on admin.js. any idea why?

Hello!

I have problem with uploads files. I add user field:

class Picture(models.Model):
user = models.ForeignKey(NormalUser)
file = models.ImageField(upload_to="pictures")

I found this solution for views.py in internet:

class PictureCreateView(CreateView):
model = Picture
fields = "all"

def form_valid(self, form):
    self.object = form.save(commit=False)
    self.object.user = self.request.user
    self.object.save()
    files = [serialize(self.object)]
    data = {'files': files}
    response = JSONResponse(data, mimetype=response_mimetype(self.request))
    response['Content-Disposition'] = 'inline; filename=files.json'

    return response

But when I add image i see this:

Application don't upload file. Stop in 100%. What is the problem?

Thank You!
efeniks

I was searching the logs in the server, and I've seen that it calls http://www.facebook.com/externalhit_uatext.php.
And if you go to this link, it shows that the file is being sent to another facebook user. Why does it do that? How to disable it, thanks.

When I upload files to server it increases memory usage a lot even when I upload small files. Even when I close and reopen webpage, the memory usage is still high, even if i uploaded five small files on server. Is the problem on my side?? How can I Repair it? I didn’t change the example yet. I am using django 1.6 branch.

I've merged João Paulo Dubas's commits. I liked the serializer and response objects. The view.py file is cleaner that way .I've checked for problems before the merge but I forgot to check the /upload/view (Loading already uploaded images on load). And there is error there:
init() takes exactly 1 argument (2 given)
Now, the loading of already uploaded pictures is not working.
I can't find the source of the problem, and I don't have lot of time this week. You know what the problem is? or it is better to go back to commit 2ec7f80
Sorry for the mistake.

This requires Django<1.6, for which has passed end-of-life (see: https://www.djangoproject.com/download/)

It would be good to upgrade this to support Django 1.7 or ideally 1.8 since that is an LTS version. I'd be happy to help with this upgrade.

Having a little trouble following the javascript code. I wanted to create an additional field in the model called: file_2

Then before uploading the file, have the javascript detect if the file is not an image.

If it is an image it uploads the file to the normal file field.
// file = ImageWithThumbsField(upload_to='filefolder', sizes=((75,75),(120,120)), null=True, blank=True)

If the file being uploaded is not an image, then it would use file_2
// file_2 = models.FileField(upload_to='filefolder', null=True, blank=True)

ImageWithThumbsField is working and I can see how detect for an image...just having trouble seeing how the javascript would change the file field name parameter to file_2

Thanks!

I was trying it on the apacher server by using django sever with WSGI
The server gives me an internal server error everytime I try to upload the images, however the images are being stored in the /media/pictures folder.

Can you help me solve this issue. I have attached the screenshot as well

thanks in advance

Solved: Permissions were incorrect.