tube/templates/upload.html

{{define "content"}}
  <div id="upload">
    <form id="upload_form" enctype="multipart/form-data" method="POST" action="/upload">
      <div>
        <label class="filebutton">
          Select a video to upload...
          <span><input type="file" name="video_file" id="video_file" accept="video/*" onchange="fileSelected();" /></span>
        </label>
      </div>

      <div>
        <input type="button" value="Upload" onclick="startUploading()" />
      </div>

      <div id="error">You should select valid image files only!</div>
      <div id="error2">An error occurred while uploading the file</div>
      <div id="abort">The upload has been canceled by the user or the browser dropped the connection</div>
      <div id="warnsize">Your file is very big. We can't accept it. Please select more small file</div>

      <div id="progress_info">
        <div id="progress"></div>
        <div id="progress_percent">&nbsp;</div>
        <div class="clear_both"></div>
        <div>
          <div id="speed">&nbsp;</div>
          <div id="remaining">&nbsp;</div>
          <div id="b_transfered">&nbsp;</div>
          <div class="clear_both"></div>
        </div>

        <div id="upload_response"></div>
      </div>
    </form>
  </div>
{{end}}
{{define "scripts"}}
  <script type="application/javascript" src="/static/upload.js"></script>
{{end}}