ry8806/uploader-index.html

## uploader-index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <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="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
    <script src="https://angular-file-upload.appspot.com/js/ng-file-upload.js"></script>
    <script src="https://sdk.amazonaws.com/js/aws-sdk-2.1.48.min.js"></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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body ng-app="uploaderApp" ng-strict-di>
    <div>
        <br />
        <br />
        <div ng-controller="UploadController">
            <form novalidate>
                <div>
                    <h1>Upload Files</h1>
                    <p>We strongly recommend <a href="http://7-zip.org/download.html">7-zip</a> for zipping/extracting files</p>
                    <p>
                        <button type="file" ngf-select="uploadFiles($files)" ngf-multiple="true">
                            Select File
                        </button>
                    </p>
                </div>
                <div ng-show="Files.length > 0">
                    <div ng-repeat="file in Files">
                        File:
                        <div>
                            {{file.name}} {{file.$error}} {{file.$errorParam}}
                        </div>
                        <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>
                        </div>
                        <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>
                    <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>
                        <p>{{errorMsg}}</p>
                    </div>
                    <div>{{Error}}</div>
                </div>
            </form>
        </div>
    </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<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="//code.jquery.com/jquery-1.11.3.min.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
	<script src="https://angular-file-upload.appspot.com/js/ng-file-upload.js"></script>
	<script src="https://sdk.amazonaws.com/js/aws-sdk-2.1.48.min.js"></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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>

	<body ng-app="uploaderApp" ng-strict-di>
	<div>
	<br />
	<br />
	<div ng-controller="UploadController">
	<form novalidate>
	<div>
	<h1>Upload Files</h1>
	<p>We strongly recommend <a href="http://7-zip.org/download.html">7-zip</a> for zipping/extracting files</p>
	<p>
	<button type="file" ngf-select="uploadFiles($files)" ngf-multiple="true">
	Select File
	</button>
	</p>
	</div>
	<div ng-show="Files.length > 0">
	<div ng-repeat="file in Files">
	File:
	<div>
	{{file.name}} {{file.$error}} {{file.$errorParam}}
	</div>
	<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>
	</div>
	<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>
	<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>
	<p>{{errorMsg}}</p>
	</div>
	<div>{{Error}}</div>
	</div>
	</form>
	</div>
	</div>
	</body>
	</html>