Moodle 3.0-handledning för nybörjare - Lägga till en filresurs

Jag använder Drupal som CMS för mina webbplatser och jag undrade om det finns ett sätt att aktivera dragNdrop-funktioner för att ladda upp bilder till webbplatsen.

Jag menar dra bilder till baksidan (i webbläsarfönstret).

Om inte, kan jag skapa en stationär applikation som integreras med Drupal? (som Adobe Air-applikationen .. eller något annat ..)?

tack

  • Vad laddar du upp bilderna för? Är det något som ditt tema kommer att hänvisa till, eller något som du vill att användare ska ha tillgång till och kunna återanvända bilder som du redan har lagt upp i sitt eget innehåll?

Installera dessa

  • drupal.org/project/cck
  • drupal.org/project/imagefield
  • drupal.org/project/dragndrop_uploads

Efter installationen måste Drag'n'Drop-uppladdningar konfigureras för varje innehållstyp du vill använda. Detta kan göras på konfigurationssidan för innehållstyp under "Inställningar för Drag'n'Drop-uppladdningar":

http: // [www.yoursite.com/path/to/drupal] / admin / content / node-type / [node-type]

  • @treynt tack, fungerar det bara för bilder eller också för videor och andra filer?
  • Den stöder alla filer, särskilt alla filer eller bilder som stöds av imagefield och filefield.

Jag känner inte till ett fantastiskt plugin som sömlöst hanterar javascript-sidan av alla fil-drag'n'drop-interaktioner för en godtycklig webbapplikation (eller jag skulle ha använt en för våra dra och släpp-grejer).

Det finns dock ett ganska billigt hack som du (eller någon plugin HTML / JS / CSS-pluginutvecklare) kan använda som vi utnyttjade i FogBugz. Om du hittar inmatningselementet [type = "file"] på din sida och använder CSS för att göra det osynligt och hela sidans bredd / höjd låter dig dra och släppa filer till din webbläsare.

#drop input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } 

Plugin måste uppenbarligen använda JS för att hantera tillägg / borttagning av dessa stilar till elementet.

Skrik inte på mig för att jag inte använder HTML5 File API. Det är användbart, men ganska up-in-the-air x-browser stabilitetsmässigt just nu. Vi gick med den snabbaste lösningen som låter oss upptäcka om våra användare tyckte att drag'n'drop var användbart.

Det fungerar i Chrome och, för enstaka filer i taget, Safari. Fullständig information tillgänglig här: http://www.thecssninja.com/javascript/gmail-upload

Bonus: någon borde verkligen utveckla ett enkelt litet jQuery-plugin som hittar det första synliga inmatningselementet [type = "file"] på sidan och tillämpar dessa stilar med ett trevligt litet "drop here" -mål och animering.

fungerat för dig: Charles Robertson | Vill du kontakta oss?