mirror of
https://github.com/snipe/snipe-it.git
synced 2024-11-14 09:34:10 -08:00
51 lines
2 KiB
HTML
51 lines
2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>jQuery Iframe Transport Demo</title>
|
||
|
|
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
|
||
|
|
<style>
|
||
|
|
form.loading { background: url(spinner.gif) 100% 0 no-repeat; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<div class="page-header">
|
||
|
|
<h1>jQuery Iframe Transport Demo</h1>
|
||
|
|
</div>
|
||
|
|
<p class="help-block">
|
||
|
|
This is a simple example showing a file upload field that gets
|
||
|
|
transmitted asynchronously using the iframe transport. Just choose one or
|
||
|
|
more files, and they will be uploaded to the server (but not stored). After
|
||
|
|
one upload has completed, you can upload more files.
|
||
|
|
</p>
|
||
|
|
<p class="help-block">
|
||
|
|
Please note that this example needs to run via
|
||
|
|
<code>grunt connect</code>, as uploads require a server-side
|
||
|
|
component to work properly.
|
||
|
|
</p>
|
||
|
|
<div class="panel panel-default">
|
||
|
|
<div class="panel-body">
|
||
|
|
<form role="form" id="upload" action="/upload" method="post" enctype="multipart/form-data">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="file-field">Select files to upload:</label>
|
||
|
|
<input type="file" id="file-field" name="file" multiple>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="comment-field">Comment:</label>
|
||
|
|
<textarea name="comment" id="comment-field" class="form-control"
|
||
|
|
placeholder="Enter comment" rows="2" cols="50"></textarea>
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<button type="submit" class="btn btn-default btn-submit">Upload</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul id="filelist" class="list-group"></ul>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
|
||
|
|
<script src="jquery.iframe-transport.js"></script>
|
||
|
|
<script src="client.js"></script>
|
||
|
|
</html>
|