Posted by Anonymous on January 12, 2008 at 3:56am
See preview attached, the FUTURE ajaxy image field module that we should create.
Functionality :
- Ajax upload, like the upload module, no need to reload the page
- possibility to choose a FEATURED image, to select which image should be displayed when in a teaser.
-
like image field, possibility to change alt text and title.
add a CAPTION FIELD ??
-
possibility to re-arrange the order of the images by clicking on the UP and DOWN arrows.
Maybe even better with a DRAG AND DROP interface to re-arrange the order of the image !
-
Delete button don't need to refresh the page (Pleaaase no more RADIO to delete an image !!! )
IN A NEAR FUTURE we should even think about...
- an integration with the INLINE module, or Tiny MCE, to be able to add the image in the text, float it on the left or right... etc... Inline module already support Image cache... so I guess it shouldn't be so hard :) !
| Attachment | Size |
|---|---|
| image-upload-Ajax.jpg | 196.37 KB |
Comments
Re: CAPTION FIELD
The images are not nodes in this, right? I would like a PHOTOGRAPHER field for this type of images, or rather "BYLINE". Apart from that the interface looks very clean and I understood just from the screen capture how it works.
Alt and Title
I thought of (mis-)using the alt and title text for this, but I think this may be stored as serialized data.
Ideally, one would have some extra text fields able to be associated the with imagefield directly...
cck text field
what about 1 imagefield, 1 node, as many alternate cck fields as you need to store the metadata that you need? i.e. don't enable "multiple" for your imagefields.
The alternative is that we start adding photographer, and then camera model and then...to the imagefield which not everyone needs. I don't like that alternative very much.
knaddison blog | Morris Animal Foundation
I agree. It doesn't make
I agree. It doesn't make sense to support every possible item of Meta Data. The scalable way to suppor this and do this is have an 'image' node type with CCK field for all the metadata, then reference the image from the content item with node reference or similar. Unfortunately this (currently) is a messy workflow.
An alternative if the amount of potential metadata is limited is to use a special syntax in the title or alt field, like "Title: Daisies in a Field. By: John. Camera: Canon EOS. Location: Timbuctoo.". And then use custom code to get and reformat the metadata.
Bevan/
Two different kinds of users
When I added my comment about adding photogrpher I was thinking a workflow more suited for a big media organization with strict rules to follow with tagging and not least crediting.
I would probably make use of image nodes for the first, and instruct the second group to add info into the caption field.
Really, image meta-data
Really, image meta-data should be stored in the image itself. Most formats I know of support this, but not too many editors or users know about it. It would be neat if Drupal could use that data (more likely through the image node type, rather than imagefield), but it's not something I'd worry about, specifically.
Übercart -- One cart to rule them all.
Ubercart -- One cart to rule them all.
problem is it takes cycles to parse the meta data
When the image is uploaded it actually parses the data from the EXIF information, storing it in the database, this is more scalable because it can be cached. Pretty sure there are image.modules that do this, or hmm, maybe that's the audio module/mp3 module...
TravisC
Other metadata formats?
EXIF is great, but other formats can be more useful: IPTC and the more recent XMP format. EXIF only contains technical data, while the other formats can embed informations like a title, description, location, etc. which could automatically fill the appropriate form fields. Very handy when you need to insert/import a lot of images!
Maybe a first selection of tags
Totally ! Along with EXIF it would be nice to have IPTC tags available in Drupal. About XMP it's maybe too soon because it's rarely implemented in desktop applications. But in EXIF and IPTC, maybe the most commons tags could be included first, like :
Then of course, GPS coordinates (EXIF I guess), exposure (EXIF), ...
drupal API to read and write image meta data?
It seems that the meta data should be stored in the and in the database. Perhaps the best way to handle this in drupal would be to have an API dedicated to reading and writing this data to images which would then allow other image based modules to hook into these functions. There seem to be PHP libraries to help accomplish this, but they aren't well supported. Perhaps there are better libraries that I'm unaware of.
http://pel.sourceforge.net/
http://sourceforge.net/tracker/index.php?func=detail&aid=1090703&group_i...
I think the meta data should be stored in the db separately from any node or field data. Basically it would work by looking at all instances of image fields on the site and create records of their metadata in these tables. The module could provide a form for editing this meta data, which I think is just key value pairs, so the form would be fairly simple. The form would then be embedded into the node editing form (this functionality would have to added for each supported image module), perhaps as an ajax request only when the user wants to edit the data. This data could then be manually copied and pasted into fields for the node. It would also be great to have a mapping system set up so that this meta data could automatically populate those field when the file is uploaded. Once the mapping exists, then editing the value of that field in the node would also update the meta data tables in the db and the meta data in the image files themselves.
Does that sound plausible?
caption is the title field
the title field is means the same as the caption in my mind. i think the help text for this field should mention this, and possible ship a formatter which shows the title below the image (as well as in the title attribute like today).
possible ship a
Great idea. That could be a good GHOP task.
Bevan/
The problem with one image = one node...
If every image I upload needs to have a lot of informations attach to it, I would create a 'one image = one node' CCK, but my vision here is the ability to create a content type containing several images grouped together, by creating only one piece of content. That would be greatly appreciated by all the users who struggle to create user-friendly image galleries, by using CCK/view/image pager/image-field.
The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<
RE: my vision here is the
RE:
This sounds very similar to what node_images already does: http://drupal.org/project/node_images
FunnyMonkey
Tools for Teachers
FunnyMonkey
It is.. but it's a two step process...
It is very similar, but the node image module is stiil a two step process. You have to create a node, and then upload images into it. An image field using image uploader would be a one step process.
The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<
Moot on all points?
I don't mean to be a total downer, but everything you're suggesting has been considered and either already implemented or chosen not to be implemented.
The only thing we don't have is the concept of a 'Primary image', which certainly could be useful. In D6 we can just drag to the top, but maybe a radio button is still in order.
That's really cool !
If all these functionnality are in drupal 6, it's like my wishes are coming true even before I wish them ! ;)
Can't wait to see that ! And maybe we should then look into the feature image thing. I always found it tricky to display a specific image of a gallery into a view...
The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<
jQuery UI drag'n'drop
A patch that introduces jQuery UI based drag'n'drop for ImageField in Drupal 5 is available here:
http://drupal.org/node/264171
Daniel F. Kudwien
unleashed mind
Daniel F. Kudwien
netzstrategen
I think it is only for
I think it is only for sorting...
Erez Krispin
http://www.gurusfeet.com
I agree with this
If meta data is present (as it should be) then what is there should be offered up for use by the system. Caption, photographer, everything is stored in the exif.
I think Gallery2 is offering methods for using the exif, and there are a couple of modules for drupal mentioning exif, especially the module called...exif. I haven't tried it but it works with image nodes. I mention it here for completeness.
Thanks for reminding us about metadata :)
Default Image included
Well one thing I can witness is inside the new imagefield module is: default Image. This means, if you youse nodeprofile or whatever, so imagefield takes care of your profile image: You just don't make it mandatory and your usual greyed out default image (well, you have to upload it, of course) appears if the user does not upload an image. Seemingly small, but very helpful for profiles.
Life is a process
Life is a journey, not a destination
You also might want to look
You also might want to look at image field gallery: http://drupal.org/project/imagefield_gallery
Cheers,
Bill
FunnyMonkey
Tools for Teachers
FunnyMonkey
EXIF not a perfect solution
EXIF is very nice, but a one-sided solution.
What about images without EXIF? Let's take one example.
We maintain a non-profit site that maintains a database of historical buildings. Each node has a dozen fields pertaining addressing different aspects of it.
Because it's a building, there is a need for multiple images (front, back, plan, etc.). Each building will often have a different set of these.
We want to simplify the process and have the images uploaded via imagefield. Perfect solution, right?
Only a fraction of the images are from digital photographs.
The rest are from scans from books. We would like to have a set of sub-fields that we could then associate with each image, e.g. title, photographer, date, so on. Even a title and author field would be a big step forward.
Images And Metadata
Can I suggest maintaining your images primarily offline in some sort of digital asset management application (iphoto is free if you've got a mac, picasa is pretty good if you don't, if you're looking to spend money, there's lightroom and aperture). Tag your photos in there with keywords, keep them backed up and then use some gallery software (or Drupal + MAQUM) that is metadata aware. There are numerous EXIF and IPTC fields you could use.
Or custom create a CCK node with these fields and populate all the metadata in Drupal.
I was a little bit shocked,
I was a little bit shocked, as well as ashamed, when I read this story. Last month I've spent several hours (days) in creating a module which enables you to add an unlimited amount of images to any node. Actually, you can specify any form using the form ID for adding nodes. The module adds a fieldset for all specified forms which enables you to add dynamically (without the annoying pager refresh) images to the form, using a textfield for the image src, a textfield for the title and a textfield for the alt attribute. When the Moxiecode's Imagemanager or Filemanager exists, the textfield for the image src, is changed to a clickable image, which will open the image-, or filemanager.
Here's a screenshot of it:
As I read this post I realized I've done a lot of hard work, maybe for nothing. I also realized, It would be very wise for me to join some groups of Drupal and maybe get in contact with some developers here to talk about what I could do to contribute in the image field module. Where do I start? Is anybody interested in how I created this module?
irc chat on June 16th
Philip
Please join us on irc on Jund 16th. More details: http://groups.drupal.org/node/11750#comment-39716
Thanks
Audrey
I'll be there
I'll be there!
There is no work for nothing when working on images
I don't think that your hard work was for nothing, especially for images in drupal.
I know that a lot of people don't think the way I do about images in drupal, and that the general thinking in drupal community is that instead of creating a new module, try to help improve the existing one, but I think images kind of escape a little bit from that concept.
The way I see it, images have so many ways of being used that drupal needs many different modules to handle images in a different way. But let me explain more clearly my thoughts.
Images can be used in many ways. It can be attached in a post, inline or as a unique illustration of the post, it can be used as icon, in list or not, it can be used as category illustrations, or as a simple attached file to any kind of content, it can be used as an image... part of a group of images, or galleries, and then group of images can be done as nodes or group of nodes... it all depend on how we build the website, how we want images to be displayed, and used, or re-used.
The main image modules are IMAGE and IMAGEFIELD. One uses images as nodes, the other uses images as a simple field (so as a file). but there is plenty of other modules that can be used on top of these two, like 'Upload Image', or 'imagefield_gallery', or even Views, to implement images the way you want. But I have to admit that when I develop a website, I often am frustated with images, either because it's sometimes very user NOT-friendly, or just because simple things like image galleries are a pain to create and configure or manage, and I often have to use some code because what I want to do just doesn't exist out here.
So IMHO, more modules about images, more options to handle images, more flexibility, more happy developers, and more happy clients and users. And I don't see why building a very custom module to handle images in drupal would be a bad idea. If I create a little website for a small company and they want the possibility to have users posting new image galleries, why can't I have, like forums, a simple module, that would do things out of the box nicely, but wouldn't be very hard to configure. And when I create a website for a big company, then I'll use some fancy group of modules to create the exact functionality I need for it.
And of course, I am not saying that we shouldn't try to improve existing modules ! I actually think that it should be one of our priority. But as some modules, like imagefield for example, are pretty effective already, and should just benefit from drupal 6 of a beter usability and UI, instead of adding more feature to this one, maybe we should work more on additional modules like the excellent imagefield_gallery.
So I don't think your work is a waste, and I'm really interested into testing it, because as images can be used in many ways by many peoples, maybe your module will be the exact answer for some :)
Could you post a version ofi t somewhere ? And is it D5 or 6 ?
The Drupal Agency >> www.raincitystudios.com <<
Me on the Web >> www.couzinhub.com <<
Metadata Aware Image Handling
For those looking to create image nodes with metadata (both EXIF and IPTC) processed, please check out MAQUM.
What's the status?
Hi all!!
In june I tried to follow the IRC mentioned above. During the discussion the decision was made to use SWFupload for uploading images and creating nodes for the files. I was wondering about the status of this project. Any progression made? Probably I've missed a lot of discussions about this during my vacation, so I want to catch up again.
I am planning to create a SWF upload module. The idea is that the module provides developers to add an upload field to their drupal forms which can be configured to what filetypes and how many files are accepted. Also the destination of the uploaded file should be configurable in the form element. The module replaces the form element with a SWF uploader (which can handle multiple file uploads).
I've got a lot of ideas about this, but probably I'm not alone and a lot of work is already done.
Image field = image upload field + image link field
It can be useful to have the choice to put only a link to an image located somewhere on the web instead of uploading the full image.
You can see an example on google doc for example. If you want to put an image in your doc you are asked if you want to upload it or just link to it.
I think for now "image field" should be renamed "image upload field".
To deserve its name "image field" it has to support also "image link"...
Another technique...
I've been reading through the way everyone handles / thinks of imagefield uploading and I realize something I came up with isn't up here. I'm not sure how applicable it is to the "outside world" but I'll give the description a shot and I can throw together a screencast if anyone wants to see it in action but...
I've made a context sensative node submission form that only handles images and sits inline with the content. "So what the hell does that mean?" Ok so, in our context (education) a user (student) needs to read through pages of instructional jargon, watch some tutorial videos on how to draw, submit their artwork, and then get a rubric based score ("feedback"). All of our courses are done in Drupal so our initial design was to make a page for the content, a "page" w/ a video, a link to the submission of their artwork (node/student-submission type of deal w/ imagefield), and then a link to a rubric (also custom). This didn't seem very effective...5 pages to handle one (simple) task? So, what we did is use collapse fieldsets to put them all in one page, Steps 1-5. Step 4 is the interesting one.
When you open step 4 there is an AJAX'ed image upload field w/ optional title that they can give their image. They select the file, type a title (optional) and then hit submit and it sends the file to the system and then loads it inline once it has been accepted (or gives an error if not). They can upload as many as they want in our example but there is almost no coding on the part of the person making the content. It is one function (of the form print _elms2_assignment_widget(); ?>) what's so special about this is that it looks at the taxonomy of the page the function is sitting on when determining what taxonomy to store the new image / assignment under. On 1st image of that tax-term it will automatically create the node for the user and start adding the files / images to it. Whenever the user returns to the page they will be shown their assignment in it's current state w/ the images previously submitted already inline w/ the content. They can delete inline as well as then add more.
I haven't cracked this out into it's own module that's ready for pub. consumption but does that sound like something anyone would be interested in? Context based adding of images / materials via inline widgets? Seems like this could easily be converted to an input format type of field instead of the current PHP but it is entire context based (any other user going to the same page will only submit and/or see their own images that they submitted per that tax. term). If this is of interest to anyone I can throw up a screencast if you'd like. If not, plz ignore ;)
"Plaguing the world with Drupal; One Plone, Moodle, Wordpress, Joomla user at a time since 2005." ~ btopro
http://elearning.psu.edu/
http://elearning.psu.edu/projects/
http://elearning.psu.edu/drupalineducation/
Ex Uno Plures
http://elmsln.org/
http://btopro.com/
http://drupal.psu.edu/
SWFUpload module
The SWFUpload module has made some progress in the last month. There's a development snapshot which can be found here: http://drupal.org/node/271293. There will be an official release (dev. snapshot) this week.
I'm not a programmer but I
I'm not a programmer but I have read the discussion above about captions. I understand better the complexity. But, my little brain still doesn't get this: If images have title fields, why can't an additional check box be added right next to that title field that says "Use as caption?" and if yes, then code is executed to display it under the image, and no, it stays as "title" with its associated usages. I understand the "images are used for so many things" argument but if you analyze the requests for captions, there is consistency in what is requested. This could just be "core" and any other extrapolations are add-on's.
?
link image field
To create a link use an image i add a link image field module from http://drupal.org/project/linkimagefield, very
usefull if you combine with views grid, plase see at my site
http://www.primastar-mandiri.com/project-reference.html