Community

Drupal 7.0 how to upload/insert images in content?

Hi everydoby,

I am a newbie to Drupal. I chose Drupal to develop my site based on many good reviews and recommendations. I had no problem installing Drupal 6.20 and upgrading to 7.0. However, when I created a new content (either page, story, or blog post, etc.), I found no "attach image" button or any other way to upload and insert images into the text of my content. What I found after "googling" the issue confuses me. Like in this post http://drupal.org/node/176828, it asked to enable the "upload" module. There's no upload module in "/modules". More confusing to me when I found this post http://drupal.org/node/513096. It said that Drupal 7.0 already has the Image module as built-in core module and this core module provides image uploading and viewing ("The core version of Image will basically consist of 2 things:
- ImageCache's thumbnailing abilities.
- ImageField's widget and formatters for uploading and viewing images.")
.

In my "management >administrator >modules", the "Image" module is already enabled but still, no "attach image" button or any other way to browse/upload/insert images.

Please guide me to the right answer/fix of this confusion/issue.

Thank you very much,

Comments

There are generally two

There are generally two approaches to add images to content in Drupal. One is via upload module (Drupal 6) / imagefield (Drupal 7) and another one (available through contrib modules like drupal.org/project/tinymce + drupal.org/project/imce). The first way is what you usually want if you have content like news or product pages where always an image is attached and placed at the same spot and in the same size. The second way is the right one if you want individually style the content of every page which brings more flexibility but should be avoided if possible since it takes much more time and can't be semi-automated.

I'll describe the first way in short:
* In the top menu klick "Stucture" and then choose "Content types" which brings you here: /admin/structure/types
* Choose the type of content you want to add images to and klick "manage fields"
* Add a new field of the type "Image"
* Configure the field type and save settings.
* Create new content of the type you edited via the top menu "Content" > "Add content" > "The Content Type you added the image field to"

You will then see that there is the possibility to upload an image wich will be displayed along with the text.
If you want to change the size of the image go via top menu to "Configuration" > "Image styles" and create an Image style. Then go to the content types page and instead of "manage fields" klick "manage display" and choose the image style as format for the image.

Thank you very much Daniel - It works

I followed your instruction and can now see the "Image >Browse/Upload" button.

Thank you very much Daniel.

Jeny

Thank you.

adding Image field

Something I don't understand though, is why a fresh install of Drupal7 has the image field already present in all the nodes while if you upgradind from D6 you have to add the image field yourself.

---
http://librefan.eu.org/ Libre-Fan (Mozilla, GNU/Linux, le Libre [et les femmes?]), France

This is because the

This is because the imagefield was not present in Drupal 6. If you have an existing D6 site you would't want to suddenly have an imagefield at every node.

Image location + read more options

Thanks for the very valuable info...

One more little detail for another newbie... I have added a new content type I labelled "image". Now I would like to be able to choose where in the page the image appears... for the moment it's only at the bottom of the page. Can you please explain how I move it around.

Another thing, for a basic page, I would like to have the option to show the entire page and not have users to click on "read More" to see the remainder of the page...

Have a good day...

Stef in Lisbon

Hello Drupal World... Trying to make sens of this awesome developing tool...

You can alter the order of

You can alter the order of display at /#overlay=admin/structure/types or more precize /#overlay=admin/structure/types/manage/YOURCONTENTTYPE/display
Simply drag and drop the fields in the right order.

I guess you want a frontpage article to be displayed fully. Simply add following code (wich separates teaser and body) at the end of your content.
<!--break-->

Well.... more or less got it...

Thanks

Hello Drupal World... Trying to make sens of this awesome developing tool...

As you can see on http://tmnaovivo.com/node/1 ( I hope you see the same as I do) there's a photo underneath the title. Now, the same page, seen as the home page looses the photo... What have I done wrong.

Thanks.

Stef

Hello Drupal World... Trying to make sens of this awesome developing tool...

Hmm I see a photo on both

Hmm I see a photo on both node/1 and front. Both pages basically look the same to me.

nobody click here