transloadit_example

transloadit_example

{% extends "base_layout.html" %}

{% block main %}
<div id="content" class="container page-content" style="padding-bottom: 228px;">
	<div class="row">
		<div class="span12&gt;" id="content">
			<div>
				<div class="row">
					<div class="span7" id="details">
						<div>
						    <form id="MyForm" action="http://api2.transloadit.com/assemblies" enctype="multipart/form-data" method="POST">
							    <input type="hidden" name="params" value="{&quot;auth&quot;:{&quot;key&quot;:&quot;e5ce476bd6e2425e83d4559d507bb4a1&quot;},&quot;template_id&quot;:&quot;89287b0c2a8f434fa74ad584fdda5198&quot;,&quot;redirect_url&quot;:&quot;http://admin.happyfire.ru/upload&quot;}" />
							    <input type="file" name="my_file" />
							    <input type="submit" value="Upload">
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{% endblock %}

{% block js %}
    {{ super() }}
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="//assets.transloadit.com/js/jquery.transloadit2.js"></script>
    <script type="text/javascript">
       // We call .transloadit() after the DOM is initialized:
       $(document).ready(function() {
           $('#MyForm').transloadit({
               wait: true
           });
       });
    </script>
{% endblock %}