Entwicklung – HTML5 Uploader

Im SharePoint-Umfeld wünscht man sich gerne, schon in Formularen Dateien hochladen zu können. Mit der folgenden asynchronen JavaScript-Funktion kann einfach und effektiv ein HTML5 Uploader in SharePoint eingebunden werden.

 

Was für den HTML5 Uploader benötigt wird:

  • Ein HTML5-fähiger Browser, hierzu gehören alle Internet Explorer ab Version 10, der neue Edge sowie die aktuellen Versionen von Google Chrome und Mozilla FireFox
  • Ein Input HTML Control vom Typ file sowie ein Button, der unsere Funktion aufruft.
  • JQuery

Unsere Upload-Methode benötigt drei Parameter:​

up.uploadAsync = function (contextWebAbsUrl, targetLibrary, fileInputId)

  • contextWebAbsUrl ist unsere SharePoint Site mit der Library, in der wir etwas hochladen wollen.
  • targetLibrary ist die Library, in der wir unsere Datei speichern wollen.
  • fileInputId ist die ID des Input-Controllers, in der wir unsere Datei auswählen.

Als vierten Parameter kann man eine Callback-Funktion übergeben, welche nach dem Hochladen ausgeführt wird.

Beispiel:

Im folgenden Beispiel haben wir eine Upload-Funktion in ein Formular mit eingebaut:

Wenn wir nun eine Datei mit dem FileInput-Controller ausgewählt haben, können wir den Upload-Button betätigen. Dieser würde unsere Uploadmethode aufrufen:

Wenn die Methode ordnungsgemäß aufgerufen worden ist, kommt die eigentliche uploadFile(successCallback);-Methode:

Hier wird zunächst die Datei vom FileInput-Controller mit der Methode getFileBuffer(); geholt. Diese Methode überprüft gleichzeitig, ob im FileInput-Controller überhaupt eine Datei hinterlegt ist und übergibt ein defered.promise() zurück.

Wenn der Promise ordnungsgemäß ausgeführt worden ist, wird mit der Methode addFileToFolder();die Datei asynchron in unsere Library hochgeladen.

Wenn diese Methode dann abgeschlossen ist, wird unsere Datei bereits hochgeladen und die Callback-Funktion kann aufgerufen werden, sofern diese übergeben worden ist.

Diese Lösung ist praktisch für Formulare oder andere Einsatzorte, bei denen man keinen Postback erzwingen will. Unsere Datei wird hochgeladen, während wir das Formular bearbeiten.

Erfahren Sie mehr

Office 365 Groups als Evolution von SharePoint?
Blog
Blog

Office 365 Groups als Evolution von SharePoint?

Zusätzlich zu SharePoint erlauben die Office 365 Groups es mir als Anwender, schnell und einfach neue Gruppen anzulegen und selbständig Benutzer hinzuzufügen.

Ich bin im Flow! – Eine Übersicht zu Microsoft Flow
Blog
Blog

Ich bin im Flow! – Eine Übersicht zu Microsoft Flow

Die Power Platform wird aktuell von Microsoft sehr stark gepusht. Zeit, sich mit dem Potenzial der einzelnen Komponenten zu beschäftigen. Heute: Flow.

Das neuste Mitglied der Office 365 Familie: Delve
Blog
Blog

Das neuste Mitglied der Office 365 Familie: Delve

Microsoft legt nach: Mit Delve startet eine neue Form des Suchens und des Auffinden von Dokumenten und Informationen.

PowerApps – Neuigkeiten, Übersicht, Tipps & Tricks
Blog
Blog

PowerApps – Neuigkeiten, Übersicht, Tipps & Tricks

Neues aus der Welt von PowerApps

Sprechen Sie LUIS? – Der intelligente Chat-Bot im Praxistest
Blog
Blog

Sprechen Sie LUIS? – Der intelligente Chat-Bot im Praxistest

Mit LUIS, der Sprach- und Texterkennungssoftware von Microsoft, und dem Bot Framework von Azure haben wir eine Lösung für den IT-Support entwickelt.

novaCapta auf der Fachtagung für Interne Revision
Event
Event

novaCapta auf der Fachtagung für Interne Revision

Das Expertenteam der novaCapta präsentiert am 15. und 16. November ihre innovative Audit Management Lösung auf dem DIIR-Kongress in Dresden. Besuchen Sie unsere...

May
04
novaCapta auf der dotnet Cologne
Event
Event

novaCapta auf der dotnet Cologne

In nächster Nachbarschaft zu unserem Kölner Büro findet am 04. und 05. Mai die dotnet Cologne im KOMED statt. Wir von der novaCapta sind auch dabei.

DevOps und Container
Blog
Blog

DevOps und Container

DevOps an sich ist nicht an eine Technologie gebunden, jedoch haben sich Container-Technologien und DevOps als Verwandte im Geiste gefunden.

Mit der HoloLens ein Stück Berlin nach Köln holen
News
News

Mit der HoloLens ein Stück Berlin nach Köln holen

Im Rahmen eines zweitägigen Hackathons haben sich einige Mitarbeiter der novaCapta der Microsoft HoloLens und dem Thema Mixed Reality gewidmet. Dabei haben wir...

Azure Functions: Der Webservice ohne Webserver
Blog
Blog

Azure Functions: Der Webservice ohne Webserver

Azure Functions als Authentifizierungs-Helfer für clientseitige Lösungen mit 3rd Party APIs

Paket Dependency Manager für .NET
Blog
Blog

Paket Dependency Manager für .NET

Paket ist ein Dependency Manager für .NET, welcher es sich zum Ziel gesetzt hat einige Probleme von NuGet zu beheben.

Nov
07
Webcast mit Microsoft: Das Intranet zu Ende gedacht
Webinar
Webinar

Webcast mit Microsoft: Das Intranet zu Ende gedacht

Am 07. November findet erneut eines unserer Webinare gemeinsam mit Mircosoft statt. Das Thema dieses Mal: Das Intranet zu Ende gedacht – Die Informationszentral...