webgme
Version:
Web-based Generic Modeling Environment
94 lines (89 loc) • 2.75 kB
HTML
---
title: "Download the generated zip file"
layout: default
section: example
---
<h2>The FileSaver API</h2>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#file-saver-result" aria-controls="file-saver-result" role="tab" data-toggle="tab">
result
</a>
</li>
<li role="presentation">
<a href="#file-saver-js" aria-controls="file-saver-js" role="tab" data-toggle="tab">
js code
</a>
</li>
<li role="presentation">
<a href="#file-saver-html" aria-controls="file-saver-html" role="tab" data-toggle="tab">
html code
</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="file-saver-result">
<div class="show-example">
{% include_relative download-zip-file.inc/blob.html %}
</div>
</div>
<div role="tabpanel" class="tab-pane" id="file-saver-js">
{% highlight js %}
{% include_relative download-zip-file.inc/blob.js %}
{% endhighlight %}
</div>
<div role="tabpanel" class="tab-pane" id="file-saver-html">
{% highlight html %}
{% include_relative download-zip-file.inc/blob.html %}
{% endhighlight %}
</div>
</div>
<h2>The data URL</h2>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#data-uri-result" aria-controls="data-uri-result" role="tab" data-toggle="tab">
result
</a>
</li>
<li role="presentation">
<a href="#data-uri-js" aria-controls="data-uri-js" role="tab" data-toggle="tab">
js code
</a>
</li>
<li role="presentation">
<a href="#data-uri-html" aria-controls="data-uri-html" role="tab" data-toggle="tab">
html code
</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="data-uri-result">
<div class="show-example">
{% include_relative download-zip-file.inc/data_uri.html %}
</div>
</div>
<div role="tabpanel" class="tab-pane" id="data-uri-js">
{% highlight js %}
{% include_relative download-zip-file.inc/data_uri.js %}
{% endhighlight %}
</div>
<div role="tabpanel" class="tab-pane" id="data-uri-html">
{% highlight html %}
{% include_relative download-zip-file.inc/data_uri.html %}
{% endhighlight %}
</div>
</div>
<script type="text/javascript">
(function () {
// Blob
if (JSZip.support.blob) {
{% include_relative download-zip-file.inc/blob.js %}
} else {
blobLink.innerHTML += " (not supported on this browser)";
}
})();
(function () {
// data URI
{% include_relative download-zip-file.inc/data_uri.js %}
})();
</script>