Skip to main content

an app for managing collections of images associated with a content object

Project description


# Pinax Images


## Pinax

[Pinax]( is an open-source platform built on the
Django Web Framework. It is an ecosystem of reusable Django apps, themes, and
starter project templates.

This app is part of the Pinax ecosystem and is designed for use both with and
independently of other Pinax apps.

## pinax-images

`pinax-images` is an app for managing collections of images associated with any content object.

## Table of Contents

* [Getting Started and Documentation](#getting-started-and-documentation)
* [Quickstart](#quickstart)
* [Dependencies](#dependencies)
* [Usage](#usage)
* [Settings](#settings)
* [Customizing Thumbnail Specs](#customizing-thumbnail-specs)
* [Change Log](#change-log)
* [Contribute](#contribute)
* [Code of Conduct](#code-of-conduct)
* [Pinax Project Blog and Twitter](#pinax-project-blog-and-twitter)

## Getting Started and Documentation

### Quickstart

To install pinax-images:

pip install pinax-images

Add `pinax.images` to your `INSTALLED_APPS` setting:


`pinax-images`-specific settings can be found in the [Settings](#settings) section.

Add an entry to your ``:

url(r"^ajax/images/", include("pinax.images.urls", namespace="pinax_images")),

Refer to [Usage](#usage) for adding image collection functionality to your application.

### Dependencies

* `django-appconf>=1.0.1`
* `django-imagekit>=3.2.7`
* `pilkit>=1.1.13`
* `pillow>=3.0`
* `pytz>=2015.6`

## Usage

First, add a `OneToOneField` on your content object to `ImageSet`::

from pinax.images.models import ImageSet

class YourModel():
image_set = models.OneToOneField(ImageSet)

In your view for creating your content object, you should create a
new ImageSet for each new content object:

class ObjectCreateView(CreateView):

def form_valid(self, form):
form.instance.image_set = ImageSet.objects.create(created_by=self.request.user)
return super(CloudSpottingCreateView, self).form_valid(form)

Finally, you'll want to include a snippet like this wherever you want the image panel
to appear (if you are using the associated [pinax-images-panel]( ReactJS frontend):

{% if image_set %}
{% url "pinax_images:imageset_upload" as upload_url %}
{% else %}
{% url "pinax_images:imageset_new_upload" as upload_url %}
{% endif %}
<div id="image-panel" data-images-url="{% if image_set %}{% url "pinax_images:imageset_detail" %}{% endif %}"
data-upload-url="{{ upload_url }}"
data-image-set-id="{{ }}">

## Settings

The following settings allow you to specify the behavior of `pinax-images` in
your project.

### Customizing Thumbnail Specs

By default `pinax-images` maintains four thumbnail specifications for thumbnail generation of uploaded images.
These specifications (shown below) are located in `pinax/images/`.

PINAX_IMAGES_THUMBNAIL_SPEC = "pinax.images.specs.ImageThumbnail"
PINAX_IMAGES_LIST_THUMBNAIL_SPEC = "pinax.images.specs.ImageListThumbnail"
PINAX_IMAGES_SMALL_THUMBNAIL_SPEC = "pinax.images.specs.ImageSmallThumbnail"
PINAX_IMAGES_MEDIUM_THUMBNAIL_SPEC = "pinax.images.specs.ImageMediumThumbnail"

You can customize thumbnailing options by creating your own specification class inheriting from `ImageSpec`:

from imagekit import ImageSpec
from pilkit.processors import ResizeToFit

class MyCustomImageThumbnail(ImageSpec):
processors = [ResizeToFit(800, 600)]
format = "JPEG"
options = {"quality": 90}

and overriding pinax-image specs in your application ``::

PINAX_IMAGES_THUMBNAIL_SPEC = "{{my_app}}.specs.MyCustomImageThumbnail"

## Change Log

### 2.2.0

* Move documentation to
* Change `upload_to` path to have the image set PK

### 2.1.0

* Only how thumbnail if one exists

### 2.0.0

* Revise access permissions for some views:

* ImageSet detail view now accessible by any authenticated user
* Image delete view now accessible only by image owner.
* Image "toggle primary" view now accessible only by image owner.

### 1.0.0

* Update version for Pinax 16.04 release

### 0.2.1

* Improve documentation

### 0.2.0

* Make DUA an optional requirement [PR #14](

### 0.1.1

* add Pillow to install requires

### 0.1

* initial release

## Contribute

See [this blog post]( including a video, or our [How to Contribute]( section for an overview on how contributing to Pinax works. For concrete contribution ideas, please see our [Ways to Contribute/What We Need Help With]( section.

In case of any questions we recommend you [join our Pinax Slack team]( and ping us there instead of creating an issue on GitHub. Creating issues on GitHub is of course also valid but we are usually able to help you faster if you ping us in Slack.

We also highly recommend reading our [Open Source and Self-Care blog post](

## Code of Conduct

In order to foster a kind, inclusive, and harassment-free community, the Pinax Project has a code of conduct, which can be found here We ask you to treat everyone as a smart human programmer that shares an interest in Python, Django, and Pinax with you.

## Pinax Project Blog and Twitter

For updates and news regarding the Pinax Project, please follow us on Twitter at @pinaxproject and check out our blog

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

pinax-images-2.2.0.tar.gz (10.8 kB view hashes)

Uploaded Source

Built Distribution

pinax_images-2.2.0-py2.py3-none-any.whl (16.4 kB view hashes)

Uploaded Python 2 Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page