NetsiDownload
is a custom web component that allows easy downloading of data, such as SVGs or other textual data, from your web application. When a user clicks on the NetsiDownload element, it triggers the download of the specified data with the set MIME type.
Easy to implement and use. Customizable MIME types for different data formats. Supports callback execution after download.
These instructions will help you to implement NetsiDownload in your web application.
Currently, you can directly include NetsiDownload
in your project by copying the JavaScript class into your project.
Include the NetsiDownload class in your JavaScript file or HTML page.
Use the netsi-download tag in your HTML, and specify the data attribute with the ID of the element that you want to download:
<netsi-download data="mySvgElement">Download SVG</netsi-download>
<svg id="mySvgElement" ...>...</svg>
data
: (Required) The ID of the element in the DOM whose data you want to download.
mime-type
: (Optional) The MIME type of the data to be downloaded. Defaults to image/svg+xml
.
ondownloaded
: (Optional) The name of the callback function to be executed after the download is triggered.
There is an example at codepen
import NetsiDownload from "https://esm.sh/netsidownload";
<netsi-download
data="mySvg"
mime-type="image/svg+xml"
ondownloaded="downloadCallback"
>↓ Download SVG</netsi-download
>
<svg id="mySvg"><circle cx="100" cy="100" r="20" fill="orange" /></svg>
<script>
function downloadCallback() {
console.log("SVG download initiated.");
}
</script>
Contributions to NetsiDownload are welcome. Please feel free to submit pull requests, create issues, or suggest new features.
This project is open source and available under the Apache-2.0 license