title: upload image using filerImageField
body: <p>I got simple form. I want to save image and than render it in template.
  Form is working Ok. All values are stored and rendered.
  When i click on "choose image" i get redirected to admin/filer/folder/
  I can pick image and save it. Than i cant pick it. If i click on it i can only change settings. If i drag and drop image to my field in template i get an error when i submit form "Select a valid choice".</p>
  
  <p>settings.py</p>
  
  <pre><code>import os
  gettext = lambda s: s
  DATA_DIR = os.path.dirname(os.path.dirname(__file__))
  """
  Django settings for bloger project.
  
  Generated by 'django-admin startproject' using Django 1.8.17.
  
  For more information on this file, see
  https://docs.djangoproject.com/en/1.8/topics/settings/
  
  For the full list of settings and their values, see
  https://docs.djangoproject.com/en/1.8/ref/settings/
  """
  
  # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
  import os
  
  BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
  
  
  # Quick-start development settings - unsuitable for production
  # See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/
  
  # SECURITY WARNING: keep the secret key used in production secret!
  SECRET_KEY = '_g$(y(@55v1i@a22$tgnpermt78(w!+(*pfei3483+&amp;h)o1@xb'
  
  # SECURITY WARNING: don't run with debug turned on in production!
  DEBUG = True
  
  ALLOWED_HOSTS = []
  
  
  # Application definition
  
  
  
  
  
      ROOT_URLCONF = 'bloger.urls'
  
  
  
      WSGI_APPLICATION = 'bloger.wsgi.application'
  
  
      # Database
      # https://docs.djangoproject.com/en/1.8/ref/settings/#databases
  
  
  
  
      # Internationalization
      # https://docs.djangoproject.com/en/1.8/topics/i18n/
  
      LANGUAGE_CODE = 'en'
  
      TIME_ZONE = 'Europe/Ljubljana'
  
      USE_I18N = True
  
      USE_L10N = True
  
      USE_TZ = True
  
  
      # Static files (CSS, JavaScript, Images)
      # https://docs.djangoproject.com/en/1.8/howto/static-files/
  
      STATIC_URL = '/static/'
      MEDIA_URL = '/media/'
      MEDIA_ROOT = os.path.join(DATA_DIR, 'media')
      STATIC_ROOT = os.path.join(DATA_DIR, 'static')
      STATICFILES_DIRS = (
          os.path.join(BASE_DIR, 'bloger', 'static'),
      )
      SITE_ID = 1
  
  
      TEMPLATES = [
          {
              'BACKEND': 'django.template.backends.django.DjangoTemplates',
              'DIRS': [os.path.join(BASE_DIR, 'bloger', 'templates'),],
              'OPTIONS': {
                  'context_processors': [
                      'django.contrib.auth.context_processors.auth',
          'django.contrib.messages.context_processors.messages',
          'django.core.context_processors.i18n',
          'django.core.context_processors.debug',
          'django.core.context_processors.request',
          'django.core.context_processors.media',
          'django.core.context_processors.csrf',
          'django.core.context_processors.tz',
          'sekizai.context_processors.sekizai',
          'django.core.context_processors.static',
          'cms.context_processors.cms_settings'
                  ],
                  'loaders': [
                      'django.template.loaders.filesystem.Loader',
          'django.template.loaders.app_directories.Loader',
          'django.template.loaders.eggs.Loader'
                  ],
              },
          },
      ]
  
  
      MIDDLEWARE_CLASSES = (
          'cms.middleware.utils.ApphookReloadMiddleware',
          'django.contrib.sessions.middleware.SessionMiddleware',
          'django.middleware.csrf.CsrfViewMiddleware',
          'django.contrib.auth.middleware.AuthenticationMiddleware',
          'django.contrib.messages.middleware.MessageMiddleware',
          'django.middleware.locale.LocaleMiddleware',
          'django.middleware.common.CommonMiddleware',
          'django.middleware.clickjacking.XFrameOptionsMiddleware',
          'cms.middleware.user.CurrentUserMiddleware',
          'cms.middleware.page.CurrentPageMiddleware',
          'cms.middleware.toolbar.ToolbarMiddleware',
          'cms.middleware.language.LanguageCookieMiddleware'
      )
  
      INSTALLED_APPS = (
          'djangocms_admin_style',
          'django.contrib.auth',
          'django.contrib.contenttypes',
          'django.contrib.sessions',
          'django.contrib.admin',
          'django.contrib.sites',
          'django.contrib.sitemaps',
          'django.contrib.staticfiles',
          'django.contrib.messages',
          'cms',
          'menus',
          'sekizai',
          'treebeard',
          'djangocms_text_ckeditor',
          'filer',
          'easy_thumbnails',
          'djangocms_column',
          'djangocms_link',
          'cmsplugin_filer_file',
          'cmsplugin_filer_folder',
          'cmsplugin_filer_image',
          'cmsplugin_filer_utils',
          'djangocms_style',
          'djangocms_snippet',
          'djangocms_googlemap',
          'djangocms_video',
          'bloger',
          'colorful',
          'Styles',
          'Navigation',
          'Blog',
          'subscribing',
          'slideshow',
          'ckeditor',
          'ckeditor_uploader',
      )
  
      LANGUAGES = (
          ## Customize this
          ('en', gettext('en')),
      )
  
      CMS_LANGUAGES = {
          ## Customize this
          'default': {
              'public': True,
              'hide_untranslated': False,
              'redirect_on_fallback': True,
          },
          1: [
              {
                  'public': True,
                  'code': 'en',
                  'hide_untranslated': False,
                  'name': gettext('en'),
                  'redirect_on_fallback': True,
              },
          ],
      }
  
      CMS_TEMPLATES = (
          ## Customize this
          ('fullwidth.html', 'Fullwidth'),
          ('sidebar_left.html', 'Sidebar Left'),
          ('sidebar_right.html', 'Sidebar Right'),
          ('blog.html', 'blog')
      )
  
      CMS_PERMISSION = True
  
      CMS_PLACEHOLDER_CONF = {}
  
      DATABASES = {
          'default': {
              'ENGINE': 'django.db.backends.mysql',  # .sqlite3
              'NAME': 'Blog_cms',
              'HOST': 'localhost',
              'USER': 'root',
              'PASSWORD': 'tukiNIfore1991',
              'PORT': ''
          }
      }
      MIGRATION_MODULES = {
  
      }
  
      THUMBNAIL_PROCESSORS = (
          'easy_thumbnails.processors.colorspace',
          'easy_thumbnails.processors.autocrop',
          'filer.thumbnail_processors.scale_and_crop_with_subject_location',
          'easy_thumbnails.processors.filters'
      )
  
  
  
      CKEDITOR_CONFIGS = {
          'default': {
              'skin': 'moono',
              # 'skin': 'office2013',
              'toolbar_Basic': [
                  ['Source', '-', 'Bold', 'Italic']
              ],
              'toolbar_YourCustomToolbarConfig': [
                  {'name': 'document', 'items': ['Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates']},
                  {'name': 'clipboard', 'items': ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo']},
                  {'name': 'editing', 'items': ['Find', 'Replace', '-', 'SelectAll']},
                  {'name': 'forms',
                   'items': ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton',
                             'HiddenField']},
                  '/',
                  {'name': 'basicstyles',
                   'items': ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat']},
                  {'name': 'paragraph',
                   'items': ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-',
                             'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl',
                             'Language']},
                  {'name': 'links', 'items': ['Link', 'Unlink', 'Anchor']},
                  {'name': 'insert',
                   'items': ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe']},
                  '/',
                  {'name': 'styles', 'items': ['Styles', 'Format', 'Font', 'FontSize']},
                  {'name': 'colors', 'items': ['TextColor', 'BGColor']},
                  {'name': 'tools', 'items': ['Maximize', 'ShowBlocks']},
                  {'name': 'about', 'items': ['About']},
                  '/',  # put this to force next toolbar on new line
                  {'name': 'yourcustomtools', 'items': [
                      # put the name of your editor.ui.addButton here
                      'Preview',
                      'Maximize',
  
                  ]},
              ],
              'toolbar': 'YourCustomToolbarConfig',  # put selected toolbar config here
              # 'toolbarGroups': [{ 'name': 'document', 'groups': [ 'mode', 'document', 'doctools' ] }],
              # 'height': 291,
              # 'width': '100%',
              # 'filebrowserWindowHeight': 725,
              # 'filebrowserWindowWidth': 940,
              # 'toolbarCanCollapse': True,
              # 'mathJaxLib': '//cdn.mathjax.org/mathjax/2.2-latest/MathJax.js?config=TeX-AMS_HTML',
              'tabSpaces': 4,
              'extraPlugins': ','.join(
                  [
                      # your extra plugins here
                      'div',
                      'autolink',
                      'autoembed',
                      'embedsemantic',
                      'autogrow',
                      # 'devtools',
                      'widget',
                      'lineutils',
                      'clipboard',
                      'dialog',
                      'dialogui',
                      'elementspath'
                  ]),
          }
      }
  
  
  
      CKEDITOR_UPLOAD_PATH = "uploads/"
      CKEDITOR_JQUERY_URL = '//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'
  </code></pre>
  
  <p>views.py</p>
  
  <pre><code>def post_new(request):
      if request.method == "POST":
          form = BlogForm(request.POST, request.FILES)
          if form.is_valid():
              post = form.save(commit=False)
              post.author = request.user
              post.published_date = timezone.now()
              post.save()
              return redirect('post_detail', pk=post.pk)
      else:
          form = BlogForm()
      return render(request, 'post_edit.html', {'form': form})
  </code></pre>
  
  <p>models.py</p>
  
  <pre><code>class Blog_post(CMSPlugin):
  category = models.ForeignKey(Category)
  style = models.ForeignKey(Blog_style)
  title = models.CharField(max_length=200, default='title')
  description = models.CharField(max_length=200,default='description')
  image = FilerImageField(null=True, blank=True,)
  text = RichTextField()
  created_date = models.DateTimeField(
          default=timezone.now)
  published_date = models.DateTimeField(
          blank=True, null=True)
  </code></pre>
  
  <p>forms.py</p>
  
  <pre><code>class BlogForm(forms.ModelForm):
  
      class Meta:
          model = Blog_post
          fields = ('category', 'style', 'title', 'description', 'image', 'text')
  </code></pre>