index.html

﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
    <meta charset="utf-8" />
    <title>Test Harness</title>

    <link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.css" />

    <script src="bower_components/jquery/dist/jquery.min.js" type="text/javascript"></script>
    <script src="bower_components/angular/angular.min.js" type="text/javascript"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
    <script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="preview.js" type="text/javascript"></script>

    <style>
        .fp-img-preview {
            max-height: 100%;
            max-width: 300px;
        }
    </style>
</head>
<body>
    <div ng-controller="ctrl">
        <span file-preview="test(file)">Upload</span>
    </div>
    
    <script type="text/javascript">
        var app = angular.module('app', ['filePreviewer']);

        app.controller('ctrl', function ($scope) {
            $scope.test = function (file) {
                console.log(file);
            };
        });
    </script>
</body>
</html>