mirror of
https://github.com/kataras/iris.git
synced 2025-03-28 14:06:26 +01:00
53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>DropzoneJS Uploader</title>
|
|
|
|
<!-- 1 -->
|
|
<link href="/public/css/dropzone.css" type="text/css" rel="stylesheet" />
|
|
|
|
<!-- 2 -->
|
|
<script src="/public/js/dropzone.js"></script>
|
|
<!-- 4 -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<!-- 5 -->
|
|
<script>
|
|
Dropzone.options.myDropzone = {
|
|
paramName: "file", // The name that will be used to transfer the file
|
|
init: function () {
|
|
thisDropzone = this;
|
|
// 6
|
|
$.get('/uploads', function (data) {
|
|
|
|
if (data == null) {
|
|
return;
|
|
}
|
|
// 7
|
|
$.each(data, function (key, value) {
|
|
var mockFile = { name: value.name, size: value.size };
|
|
|
|
thisDropzone.emit("addedfile", mockFile);
|
|
thisDropzone.options.thumbnail.call(thisDropzone, mockFile, '/public/uploads/thumbnail_' + value.name);
|
|
// thisDropzone.createThumbnailFromUrl(mockFile, '/public/uploads/' + value.name); <- doesn't work...
|
|
// Make sure that there is no progress bar, etc...
|
|
thisDropzone.emit("complete", mockFile);
|
|
});
|
|
|
|
});
|
|
}
|
|
};
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- 3 -->
|
|
<form action="/upload" method="POST" class="dropzone" id="my-dropzone">
|
|
<div class="fallback">
|
|
<input name="file" type="file" multiple />
|
|
<input type="submit" value="Upload" />
|
|
</div>
|
|
</form>
|
|
</body>
|
|
|
|
</html> |