Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Amazon S3 Upload to Bucket html page
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<!--<link rel="icon" href="../../favicon.ico">-->
<title>File Uploader</title>
<script src="//"></script>
<!-- Latest compiled and minified JavaScript -->
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src="uploader.js"></script>
<script src="s3upload-service.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src=""></script>
<script src=""></script>
<body ng-app="uploaderApp" ng-strict-di>
<br />
<br />
<div ng-controller="UploadController">
<form novalidate>
<h1>Upload Files</h1>
<p>We strongly recommend <a href="">7-zip</a> for zipping/extracting files</p>
<button type="file" ngf-select="uploadFiles($files)" ngf-multiple="true">
Select File
<div ng-show="Files.length > 0">
<div ng-repeat="file in Files">
{{}} {{file.$error}} {{file.$errorParam}}
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {{file.Progress}}%;">
{{file.Progress | number:0}}%
<div class="alert alert-info" role="alert" ng-show="file.Progress == 100 && !file.Success">Processing, please wait...</div>
<div class="alert alert-success" role="alert" ng-show="file.Success">Upload Complete!</div>
<div class="alert alert-danger" role="alert" ng-show="errorMsg.length > 0">
Oooops we had trouble uploading the file. Please refresh the page and try again.
<p>If the problem persits please supply us with the following details</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment