Foto album voor Drupal met multiple upload voor afbeeldingen

In een vorige post demonstreerde ik hoe je op eenvoudige wijze een volledig foto album voor je Drupal website kan maken met behulp van CCK, Views, Imagecache en Lightbox. In deze post ga ik dit album wat verder uitbreiden en het nog gemakkelijker maken om afbeeldingen toe te voegen.

Met de nieuwe modules toe te voegen zal het mogelijk zijn om meerdere afbeeldingen in 1x toe te voegen (Multiple image upload).

In deze uitleg ga ik er vanuit dat je de bestanden uit de vorige post gebruikt hebt, indien dit niet het geval is kan je het hier nalezen: http://www.carettedonny.be/foto-album-voor-drupal.

Download eerst de nodigde bijkomende modules:

Plaats Image_FUpload bij je andere modules. (sites/all/modules).

Na het binnenhalen van SWFUpload neem je hier uit de volgende bestanden: swfupload.swf, swfupload.js en swfupload.queue.js en deze bestanden plaats je in de swfupload map die je terug vind in de module map van Image_FUpload. (Dus in sites/all/modules/image_fupload/swfupload)

Schakel nu de volgende modules in (admin/build/modules):

  • Image FUpload
  • En onder CCK: Image FUpload (CCK)

Nu gaan we bij inhoudstypes het veld voor de afbeeldingen aanpassen zodat het mogelijk word om meerdere afbeeldingen in 1 bewerking te kunnen uploaden of toevoegen aan ons foto-album.

Ga naar "Inhoudelijk beheer" -> "Inhoudstypen" en kies voor "Manage fields" bij het type "Afbeelding"

Drupal foto album inhoudstypen

Kies daarna bij het veld "Afbeelding" voor "Configureren".

Drupal foto album

Nu gaan we eerst het veld veranderen van type "Image" naar "Image_FUpload", kies voor "Change basic information"

Drupal foto album basic information

Verander het Widget type van "Image" naar "Image_FUpload"

Drupal foto album widget

Kies hierna op de volgende pagina bij "Storage mode" voor "One image per node", zo zal er voor elke afbeelding die je toevoegt een nieuwe node voorzien worden.

Kies onderaan voor "Opslaan" en alle wijzigingen zijn aangebracht.

Wanneer je nu een nieuwe "afbeelding" aanmaakt zal je zien dat er icoontje in de plaats van het image upload veld zal staan. Via hier kan je meerdere afbeeldingen tegelijkertijd uploaden naar je foto album.

Drupal foto album multiple=

Na het opslaan van de node zullen de afbeeldingen worden klaargemaakt om te worden toegevoegd, afhankelijk van de instellingen die je kan wijzigen kan je hier dan nog indien gewenst titel, beschrijving of andere waardes aanpassen.

In dit voorbeeld heb ik ze er tussen uit gelaten. Dus kiezen we gewoon voor "Next step" en daarna "Done editing" waarna alle afbeeldingen toegevoegd zijn aan het album.

Op deze manier kan je dus heel wat tijd besparen met het uploaden van afbeeldingen.

(Moest je problemen tegen komen met het uploaden van grotere en zwaardere afbeeldingen, kijk dan even na of de PHP memory limit niet te laag staat, hoe je deze kan aanpassen vind je terug in het artikel: Bestandsgrootte voor het uploaden verhogen)

35 comments

21
Mrt

afbeelding van Sgeets

Module aan de praat gekregen. Ik weet dat er heel wat te doen is geweest met deze module en cck-fields. Ik slaag er nog steeds niet in om de bijhorende cck-fields 'editeerbaar' te maken na het aanclicken van next.
In mijn gedefineerde content type staat nogthans de cck-fields netjes aan-ge-clickt. Iemand enig idee ?

Grt

22
Mrt

afbeelding van Donny

Indien je bij het CCK afbeeldings-veld aangevinkt hebt om bepaalde velden wijzigbaar te maken, zou dit toch moeten verschijnen op de vervolgpagina na "Next step".

Als je niet met UID1 aangemeld bent, misschien de rechten even nakijken ?

22
Mrt

afbeelding van Sgeets

hey Donny,

bedankt voor je antwoord.

Zelfs onder admin user krijg ik de cck-edit op de vervolgpagina niet aan de praat. Verder heb ik de rechten netjes geconfigd voor mijn 'upload' gebruikers. Ik probeer vanavond even met een clean install.
Kom terug met het resultaat.

Grt,

22
Mrt

afbeelding van Donny

Indien het nog niet moest werken mag je mij altijd via het contact formulier een login sturen zodat ik eens even kan kijken. Succes

23
Mrt

afbeelding van Sgeets

Wel, was dus geen succes met clean install en minimum modules enabled. Heb wel een vraag ? In de module page is er sprake van filefield/imagefield versie rc1. Ik heb hier de laatste versie 6.x-3.2 voor beide modules geïnstalleerd. Deze zijn recenter. Iets mee te maken ? Welke versie gebruik jij ?

ps: bedankt voor het aanbod maar de site is in opbouw en staat nog niet online.

24
Mrt

afbeelding van Donny

Volgende versies heb ik momenteel draaien:

  • Filefield 6.x3.2
  • Image Fupload 6.x-3.0-rc2
  • Imagefield 6.x-3.2
  • CCK 6.x-2.6
Verder staat het inhoudstype in zijn standaardwaarden. Ik heb net nog even getracht te zien of het verschil zou maken met de "storage mode" te verzetten, maar in beide gevallen kon ik nog de velden bewerken na deze aan te vinken. Wel is het natuurlijk onder "Multiple images per node" niet mogelijk om de titel en de beschrijving hier bewerkbaar te zetten.
27
Mrt

afbeelding van sgeets

Had het bijna opgegeven...

Mijn verwachtingen van deze module komen niet geheel overeen met de huidige ontwikkeling van deze module. Als ik het goed voor heb, duiken de CCK-fields op in de management pagina van het betrokken 'file' field, maar is deze functionaliteit nog niet geïmplementeerd. Zo zijn enkel titel en beschrijving naderhand aanpasbaar.

Desondanks is de module in zijn huidige vorm zeer bruikbaar. De CCK-fields zijn dan voor upload instelbaar en zijn aldus default voor alle op te laden bestanden. Na upload zijn ze dan 'individueel' aan te passen.

Ff mss nog de context. Ik werk aan een fotosite voor een fotoclub. Wens was dat clubleden gallerijen aan maken, met fotos die al of niet ook getoond kunnen worden in een portfolio pagina/lid. Vandaar dat ik een checkbox cck-field heb bijgevoegd.

Zeer benieuwd hoe deze module zal evolueren,

Grtn

17
Jun

afbeelding van Erik Kuypers

De installatie verliep vlot en op het eerste zicht leek alles goed te werken. Wanneer ik op het icoontje klik kan ik afbeeldingen kiezen. Maar wanneer ik tenslotte wil uploaden, dan krijg ik steeds "upload error: 500". Er worden geen afbeelding geupload.
Aanvankelijk dacht ik aan de PHP memory limit, maar na het verhogen van deze limieten werkt het nog steeds niet.

18
Jun

afbeelding van Donny
  • Staat de PHP memory limiet hoog genoeg ? (128MB)
  • Zelf heb ik ook verschillende foutmeldingen gehad wanneer ik probeerde afbeeldingen toe te voegen terwijl de site in offline modus stond, is dit misschien het geval?
  • Op http://drupal.org/project/issues/image_fupload vind je nog verschillende oplossingen, meer hosting gericht.
  • Flashplayer updaten, andere browser proberen ?
21
Jun

afbeelding van Erik Kuypers

Heb een mail gedaan naar mijn provider. Heb de module mod_security moeten uitzetten. Voel me hier wel niet echt goed bij, maar voorlopig ken ik geen andere uitweg.

6
Jul

afbeelding van Donny

Erik, je zou mod_security enkel dienen uit te schakelen voor de 2 volgende links: /fupload/flash en ?q=fupload/flash

18
Aug

afbeelding van Erik Kuypers

Donny, hoe zou ik dat dan concreet moeten doen? Volgens het antwoord van mijn provider (zie hieronder) moest ik de aanpassing doen in het bestand ".htaccess" en daarin vind ik de links waar jij naar verwijst niet terug.
Ik heb enkel de regel "SecFilterEngine Off" onderaan het bestand moeten toevoegen.

Antwoord provider:
De oplossing is waarschijnlijk:
https://go.webreus.nl/3293/135

19
Nov

afbeelding van ludo

IK krijg volgende fout melding te zien als ik afbeelding wil uploaden:

warning: Parameter 1 to imagefield_widget() expected to be a reference, value given in /data/multiserv/users/466135/projects/1106101/www/tkanon/includes/module.inc on line 462.

Als ik door ga krijg ik nog een hele was lijst fouten, maar uiteindelijk doet ie het wel ?

bij komende vraag. Als ik wil uploaden moet ik een titel ingeven, maar dan krijgt iedere foto die titel en moet ik ze achteraf nog gaan veranderen.

Alvast bedankt van je reactie.

mvg
Ludo

PS; bedankt voor je duidelijke uitleg

19
Nov

afbeelding van Donny

Neem eens een kijkje naar volgende oplossingen: image fupload issues

20
Nov

afbeelding van ludo

Hoi,
Dit vind ik echt ingewikkeld.
Ik denk dat mijn Engels hier een beetje te min voor is.

Toch bedankt voor je reactie.

mvg

1
Feb

afbeelding van Kris

Hallo,

Om een of andere reden krijg ik geen upload icoontje. Ik heb het al met verschillende browsers en op verschillende platformen geprobeerd, de gebruikersrechten als enkele malen nagekeken, maar ik vind het niet.

Mijn site wordt op hostgator gehost. Zou het kunnen dat de provider iets heeft geblokkeerd?

mvg, Kris

1
Feb

afbeelding van Donny

Probeer eens over te schakelen naar één van de standaard Drupal themes zoals bv Garland en zie of het dan verschijnt. Kijk ook even na of je voor alle modules de laatste versie hebt, best ook de laatste versie van Flash player.

Er zijn nog enkele andere zaken in de issue lijst op Drupal.org die je kan bekijken.

19
Mrt

afbeelding van Bezoeker

Hoi

Ik heb alle stappen van op je site gevolgd.
Alles ging vlot op een puntje na.

Kies hierna op de volgende pagina bij "Storage mode" voor "One image per node", zo zal er voor elke afbeelding die je toevoegt een nieuwe node voorzien worden.
Kies onderaan voor "Opslaan" en alle wijzigingen zijn aangebracht.

Hier krijg ik een foutmelding
"Er is een ongeldige keuze vastgesteld. Neem contact op met de websitebeheerder."

Als ik dan bij Images preview list kijk moet ik een keuze maken maar dat veld is leeg.

Een oplossing is welkom

Mvg
Michel

23
Mrt

afbeelding van Donny

Heb je de ImageCache module al geïnstalleerd en er een preset aan toegevoegd?

Normaal gezien zou je voor het preview veld één van de presets moeten kunnen kiezen die je met ImageCache hebt aangemaakt.

23
Mrt

afbeelding van Bezoeker

Inderdaad dat was het probleem.

Bedankt voor de hulp.

Mvg
Michel

1
Apr

afbeelding van Bezoeker

Ik ben een beginneling in Drupal en probeer een foto album te maken. Ik heb de nodige modules geïnstalleerd.
image
image api
image_fupload
image field
image cache
nodereference_url
lightbox2
Via CCK heb ik een pagina album aangemaakt:
Via CCK heb ik een pagina foto's toevoegen aangemaakt:
in deze pagina heb ik een veld "album" (nodereferentie) toegevoegd om een verbinding te maken met album.
Ik heb ook een nieuw veld "foto's" (bestand - ImageFulpload) gemaakt

Wanneer ik naar inhoud aanmaken ga krijg ik dit:

de "groene +" (om meerdere foto's gelijkertijd op te laden)
maar er staat ook nog een extra veld "foto's" met daarachter bladeren.

Wanneer ik op de "groene +" klik kan ik meerdere foto's gelijk aanklikken. Ik klik helemaal onderaan op opslaan. De foto's beginnen te laden maar telkens verschijnt er nu error 500 en de foto's verdwijnen terug. Er verschijnt ook geen knop next...
Wat doe ik fout? Opgelet, ik ben echt een leek in computertaal en ken er niets van... Sorry!
Alvast bedankt
Annie

2
Apr

afbeelding van Donny

Dag Annie,

Probeer eens de PHP memory limit op te hogen, dit kan je door door volgende regels toe te voegen aan je .HTACCESS bestand dat je terug vind in de hoofdmap van je Drupal installatie.

#Upgrade PHP limits
php_value upload_max_filesize 200
php_value post_max_size 200M
php_value memory_limit 200M
php_value max_execution_time 200
php_value max_input_time 1000

(De site mag ook niet in offline modus staan om foto's toe te voegen)

3
Apr

afbeelding van Bezoeker

Dag Donny,
allereerst heel erg bedankt voor het reageren en helpen!!
Je weet, ik ben een leek in computertaal maar heb geprobeerd te doen wat je voorstelde.
Ik heb dat .htaccess bestand gevonden.
Mijn eerste probleem was dit te openen. IK heb dit gedaan met WordPad. Hopelijk was dat goed?
Dan heb ik die extra regels die jij voorstelde daarin geplakt. Heeft het belang waar die moeten komen? Ik heb ze bovenaan geplakt.
Mijn site staat online en ik heb na het plakken van die extra regels geprobeerd om foto's op te slaan, maar opnieuw kreeg ik die error 500 foutmelding.
Heeft het misschien te maken dat ik die regels niet op de juist plaats heb geplakt of niet met het juiste programma heb geopend?
Sorry, voor iemand die thuis is in dit alles, lijkt het misschien belachelijk, maar voor mij is het onbekend terrein.
Nogmaals heel erg bedankt voor het helpen.
Groetjes, Annie

5
Apr

afbeelding van Donny

Wanneer je gaat kijken op de status pagina (admin/reports/status), hoeveel verschijnt er dan bij PHP-geheugenlimiet?

Hetzelfde voor de maximum upload, deze kan je terug vinden op admin/settings/uploads, welk staat er bij "De PHP-instellingen van de site beperken de maximale bestandsgrootte per upload tot ??? MB."

5
Apr

afbeelding van Bezoeker

Heel erg bedankt Donny!!

Hierbij de gevraagde info:
Bij het statusreport is er een PHP-geheugenlimiet van 800M
Bij admin/settings/uploads :
De PHP-instellingen van de site beperken de maximale bestandsgrootte per upload tot 8 MB.

Wat heb ik ondertussen zelf gedaan:
De host is webreus. Ik kreeg de raad om de code hieronder in het .htaccess bestand toe tevoegen.
SecFilterEngine Off
SecFilterScanPOST Off

Ik heb deze en ook jouw code in het .htaccess geplakt. Dit leek te lukken. De foto's begonnen op te laden, thumnails verschenen, next step. Bij de laatste stap done editing krijg ik een fatal error.De site is er nog!

Als test heb ik een volledig nieuwe site gemaakt met enkel de modules nodig voor het fotoalbum, en de .htaccess aangepast met de extra code van jou en webhost.
Dan lukt het. De foto's verschijnen in de albums al krijg ik deze foutmeldingen (herhalend):
warning: array_push() [function.array-push]: First argument should be an array in /var/www/vhosts/deheusdensesijsjes.be/httpdocs/tijdelijk/sites/all/modules/image_fupload/includes/images.previewlist.imagefield.inc on line 23.

Voorgeschiedenis:
in mijn eerste vraag heb ik (om de uitleg beperkt te houden) niet verteld dat ik de module ImageFupload, cck, image,etc afin alle nodige modules, rechtstreeks van het internet had gedownload en geactiveerd. Ik wist niet dat in die modules enkele aanpassingen moesten gebeuren. Ik heb dat later vernomen.
Ik heb de slechte modules proberen te deactiveren en de correcte, aangepaste modules overschreven.
Daarom verschijnt naast de groene + ook steeds die extra map foto's.

De site waarin dit is gebeurd is bijna af en er is al heel veel tijd ingekropen maar ik vrees dat ik ze opnieuw moet maken?
Ik hoop dat deze uitleg niet te verwarrend is allemaal.
Heel erg bedankt voor alle hulp!
Vriendelijke groetjes,
Annie

5
Apr

afbeelding van Donny

Opnieuw maken zal niet nodig zijn hoor, probeer eens het volgende:

  • Deactiveer opnieuw de modules:
    • ImageFupload
    • Imagefield
    • Filefield
  • Zorg er zeker voor dat je van alle 3 de allerlaatste versies hebt
  • Verwijder via FTP de mappen van de modules
  • Upload de nieuwe versies van de modules en schakel ze terug in
  • Browse naar update.php en update je Drupal site

Zorg er zeker voor dat je ook bij ImageFupload alle bijhorende bestanden op de juiste plaats er bij zet. Meer info hierover vind je op de beschrijvingspagina van de module.

Indien je dan nog de foutmelding krijgt over array push, zou je de patch kunnen proberen die je terug vind tussen de reacties op: http://drupal.org/node/493990

(Meer info over patches uitvoeren vind je terug op de blogpost "Patchen van Drupal modules")

Indien je twijfelt over iets, het kan nooit kwaad om alvorens dergelijke aanpassingen te doen nog eens een backup te nemen van je database.

5
Apr

afbeelding van Bezoeker

Dag Donny,
nomaals heel gemeend dank!
Het probleem zit hem in het verwijderen van de modules op de server. Ik had dit voordien al geprobeerd maar ik krijg steeds opnieuw deze melding:

An Ftp error occured – Cannot remove remot folder includes. Dreamweaver encountered a network or file system error. Please try the operation again and contact the administrator if the error continues tot occur.

Daarom dat ik met de aangepaste modules de oude heb proberen overschrijven. Moet ik misschien contact nemen met Webreus om die modules te verwijderen of kan dat niet? Doordat ik geen computerachtergrondkennis heb, is weet ik dikwijls niet wat doen?
Nogmaals héél erg bedankt!!
Vriendelijke groetjes,
Annie

5
Apr

afbeelding van Donny

De modules overschrijven zou ook voldoende moeten zijn, als je dit doet worden de bestanden dan ook effectief overschreven of krijg je foutmeldingen? update.php ook laten lopen?

Misschien kan je ook eens proberen met een ander FTP programma zoals Filezilla.

5
Apr

afbeelding van Bezoeker

Dag Donny,
nogmaals bedankt voor al je hulp.

Het gaat alsmaar meer de goede richting uit.
Ik heb jouw voorgestelde oplossingen toegepast en ik kan ondertussen ook foto's toevoegen in de fotoalbums van de site die ik dacht te moeten hermaken. Dikke dankjewel hiervoor!!!

Dezelfde foutmelding over 'array push ....' duikt ook hier op. Jouw oplossing met Patchen heb ik zorgvuldig gelezen maar ik vrees dat ik 'onbekwaam' ben om dit toe te passen. Spijtig.

Nadat ik de toegangsrechten terug had opgebouwd, kreeg ik ook een ganse resem van dit soort meldingen:

• user warning: Table 'deheusdensesbe_1.drup_content_field_connectie_fotoalbum' doesn't exist query: SELECT DISTINCT field_data.field_connectie_fotoalbum_nid AS reference FROM drup_content_field_connectie_fotoalbum field_data INNER JOIN drup_node n1 ON field_data.vid = n1.vid INNER JOIN drup_node n2 ON field_data.field_connectie_fotoalbum_nid = n2.nid WHERE field_data.field_connectie_fotoalbum_nid IS NOT NULL AND field_data.nid = 210 in /var/www/vhosts/deheusdensesijsjes.be/httpdocs/test/sites/all/modules/nodeaccess_nodereference/nodeaccess_nodereference.module on line 234.

Dit heeft met de database te maken?....en ik weet niet of ik hier iets moet aan doen?

Donny, oprecht bedankt voor alle hulp. Jammer dat ik zo weinig computerkennis heb, waardoor ik niet al je oplossingen niet kan toepassen. Jij hebt gedaan wat je kon.
Dankbare groetjes,
Annie

5
Apr

afbeelding van Donny

Krijg je die foutmeldingen nu nog te zien? Komen ze enkel wanneer je reeds bestaande inhoud probeert te bekijken/aan te passen? Of ook wanneer je nieuwe inhoud (foto's) toevoegd?

5
Apr

afbeelding van Bezoeker

Dag Donny,
ik durf bijna niet meer te mailen maar ben wel ontzettend blij met je voortdurende hulp, ongelooflijk!

Ik krijg die foutmeldingen opnieuw wanneer ik foto's wil uploaden. Een ganse pagina met rode waarschuwingen en foutmeldingen, maar hij laadt die foto's desondanks allemaal keurig op.
Ook die dubbele knop: groen + en extra veld voor foto's bladeren + item toevoegen is ondanks het overschrijven en deactiveren van de modules niet verdwenen. Ik heb ook alle updates gedaan.
Nogmaals oprecht bedankt voor alle hulp!
Groetjes, Annie

(Ik probeerde om een printscreen van die foutmeldingen en knoppen hier te plakken, maar dat kan niet)

6
Apr

afbeelding van Donny

Probeer het inhoudstype zelf nog eens te bewerken anders en zeker de verschillende extra toegevoegde velden bij "manage fields". De kans bestaat dat je daar foutmeldingen zal krijgen die het probleem zullen aangeven.

(Afbeeldingen is hier inderdaad niet toegelaten, je kan altijd de afbeelding op je eigen site plaatsen en mij dan de link bezorgen)

6
Apr

afbeelding van Bezoeker

Ik heb gedaan wat je voorstelde maar ik krijg geen foutmeldingen als ik manage fields ga checken/bewerken. Ik heb zojuist gereageerd via het contactformulier.
Nogmaals heel erg bedankt,
Annie

26
Aug

afbeelding van bert bastiaan

Hoi Donny,
Ook bij mij gaat het de goeie kant op. Ik kan een album aanmaken, afbeeldingen uploaden.
Als ik niet ben ingelogd en op Foto albums klik, ziek ik de naam van mijn album zonder de cover foto, maar kan het niet aanklikken. Eenmaal ingelogd kan ik wel klikken maar dan gaat hij naar de admin/build/views/clone/albums_overzicht pagina.
Enig idee?
mvg
Bert

26
Aug

afbeelding van Donny

Dag Bert,
Voor het probleem van de afbeeldingen als je niet ingelogd bent moet je eens kijken of anonieme bezoekers de rechten hebben om de afbeeldingen (CCK) te bekijken.
Voor het andere vermoed ik dat je de CSS een beetje zal moeten aanpassen, de admin links naar de views pagina's zullen waarschijnlijk iets te groot zijn waardoor deze gedeeltelijk over de afbeeldingen heen gaan.

Reactie toevoegen