Dateien über die eigene Webseite in die Dropbox hoch laden

Per Internetseite Dateien in die persönliche Dropbox uploaden

Problem: Hin und wieder kommt es zu Problemen, wenn man versucht zu große Files von A nach B zu bekommen. z.B. hätte man gerne die Bilder oder das Video der letzten Party, jedoch sind die Files zu groß, dass diese nicht ohne hohem Aufwand per Mail versendet werden können. Hier möchte ich Euch kurz zeigen, wie man dieses Problem mit Hilfe eines Dropbox Accounts lösen kann. Leider ist dies nur für Leute unter Euch geeignet, welche einen eigenen Webserver besitzen.

Denn die Schnittstelle wird eine Internetseite werden, welche die hoch geladenen Daten direkt an die Dropbox übergibt. Wer sich schon einmal mit dem Thema beschäftig hat, wird nun sagen, so etwas gibt es doch schon! Ja, ist richtig! Es gibt schon Anbieter im Netz, welche genau diesen Service anbieten, doch mal Hand aufs Herz, gebt ihr gerne den Usernamen und das Passwort an Dritte weiter? Also ich nicht! Daher diese kleine Anleitung, wie ihr solch einen Upload-Dienst selbst basteln könnt.

Schritt 1: Das Script herunter laden
Download Dropbox Uploader Script

Schritt 2: Inhalt entpacken
Dort findet ihr als Inhalt zwei Files welche sich wie folgt nennen:
DropboxUploader.php und die index.php

Schritt 3: Files anpassen
Jetzt öffnet ihr das File index.php und sucht Euch folgende Zeile heraus:

Enter your Dropbox account credentials here

Dort hinterlegt ihr nun die Daten von Eurem Dropbox Account.

Schritt 4: Upload der Files auf Euren Webspace
Dazu legt ihr am einfachsten einen Ordner mit einer nur Euch bekannten Bezeichnung im Root-Verzeichnis an.
z.B. testdomain.de/derverrueckteuploader

Genau diese Domain müsst ihr dann Euren Freunden und Bekannten weiter geben, damit diese Dinge direkt in Eure Dropbox hoch laden können.

Die Seite sieht dann wie folgt aus:

Schritt 5: Upload der Daten kann erfolgen!
Alle hoch geladenen Files, werden in den Shared Ordner direkt hoch geladen.

Fertig!
Jetzt könnt ihr Euch Daten direkt in Eure Dropbox schicken lassen.
Viel Spaß damit!

Quelltext der Index-Datei:

<html>
<head>
<meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8″/>
<title>Dropbox Uploader Demo</title>
</head>
<style>
h1{}
body{font-family:arial;font-size:13px;}
.box{
background:none repeat scroll 0 0 #F6F6F6;
border:1px solid #C3C3C3;
margin-left:100px;
margin-top:50px;
width:860px;
}
.message{
background-color:#FFFFE0;
border:1px solid #E6DB55;
margin:30px 0 16px 8px;
padding:12px;
width:774px;
}
</style>
<body>
<?php
if ($_POST) {
require ‚DropboxUploader.php‘;
try {
// Rename uploaded file to reflect original name
if ($_FILES[‚file‘][‚error‘] !== UPLOAD_ERR_OK)
throw new Exception(‚File was not successfully uploaded from your computer.‘);
$tmpDir = uniqid(‚/tmp/DropboxUploader-‚);
if (!mkdir($tmpDir))
throw new Exception(‚Cannot create temporary directory!‘);
if ($_FILES[‚file‘]['name‘] === „“)
throw new Exception(‚File name not supplied by the browser.‘);
$tmpFile = $tmpDir.'/‘.str_replace(„/\0“, ‚_‘, $_FILES[‚file‘]['name‘]);
if (!move_uploaded_file($_FILES[‚file‘][‚tmp_name‘], $tmpFile))
throw new Exception(‚Cannot rename uploaded file!‘);
// Enter your Dropbox account credentials here
$uploader = new DropboxUploader(‚test@gmail.com‘, ‚123456‘);
$uploader->upload($tmpFile, $_POST[‚dest‘]);
echo ‚<span style=“color: green;font-weight:bold;margin-left:393px;“>File successfully uploaded to my Dropbox!</span>‘;
} catch(Exception $e) {
echo ‚<span style=“color: red;font-weight:bold;margin-left:393px;“>Error: ‚ . htmlspecialchars($e->getMessage()) . ‚</span>‘;
}
// Clean up
if (isset($tmpFile) && file_exists($tmpFile))
unlink($tmpFile);
if (isset($tmpDir) && file_exists($tmpDir))
rmdir($tmpDir);
}
?>
<div align=“center“>
<h1>Dropbox Uploader Demo<br>
<br>
</h1>
<form method=“POST“ enctype=“multipart/form-data“>
<input type=“file“ name=“file“ /><br><br>
<input type=“submit“ value=“Upload the file to my Dropbox!“ />
<input style=“display:none“ type=“text“ name=“dest“ value=“shared“ />
</div>
</body>
</html>

Per Internetseite Dateien in die persönliche Dropbox uploaden

Tags: