upload button

1 files changed, 22 insertions, 2 deletions

diff --git a/shader-gif.html b/shader-gif.html
index 6bff9e2..0e902d9 100644
--- a/shader-gif.html
+++ b/shader-gif.html
@@ -68,6 +68,7 @@ div { display: inline-block; padding: 10px;}
   <button id="step-forward">&gt;&gt;</button>
   <span id="status"></span>
   <button id="save" disabled>save</button>
+  <button id="upload" disabled>upload</button>
   <br>
 </div>
 
@@ -126,6 +127,7 @@ function init(){
   $("#remove-all-frames").click(remove_all_frames)
   $("#render").click(render)
   $("#save").click(save)
+  $("#upload").click(upload)
   $("#help,#instructions .close").click(function(){ $("#instructions").toggle() })
   $("#instructions").draggable({
     start: drag_start,
@@ -355,8 +357,8 @@ encoder.on("rendered-url", function(url){
   var image = new Image ()
   lastGif = image.src = url
   $("#rendered").append(image)
-  $("#save,#rendered").show()
-  $("#pause,#render,#add-frame,#save").enable()
+  $("#save,#upload,#rendered").show()
+  $("#pause,#render,#add-frame,#save,#upload").enable()
   $("#render").html("render")
   rendering = false
   pause(true)
@@ -369,6 +371,24 @@ function save (){
   saveAs(blob, filename + "-" + (+new Date()) + ".gif");
 }
 
+function upload(){
+  var filename = document.getElementById("url").value.replace(/^.*\//,"").replace(/\.gif.*$/,"")
+  var blob = dataUriToBlob(lastGif)
+  uploadImage({
+    blob: blob,
+    filename: filename + "-" + (+new Date()) + ".gif"
+    username: "",
+    success: function(msg){
+      console.log(msg);
+      status("upload successful: " + msg)
+    },
+    error: function(e){
+      console.log(e)
+      status("error uploading: " + e)
+    }
+  });
+}
+
 </script>
 <script type="text/html" id="frame-template">
 <button class="remove">x</button>