How can I export image in Excel using Javascript? - javascript

One of my requirement is I want to export image and store inside excel using javascript.
I am using export excel using saveAs(blob, filename) and I am able to export javascript data into the excel but I could not able to export image? There is no any server side.
Any body has any idea over this

You can use xlsx library https://www.npmjs.com/package/xlsx
$("[id$=mybutton]").click(function(e) {
window.open('data:application/vnd.ms-excel,' + encodeURIComponent( $('div[id$=image]').html()));
e.preventDefault();
});
Demo https://jsfiddle.net/viethien/dfb3n2x1/11

There is a JS library to create excel. I haven't tried it though. https://github.com/stephenliberty/excel-builder.js However, it should be fairly trivial to loop through your JSON and create a CSV file, which will ultimately open in excel. That might work better depending on your needs.
But to be clear, when you say store an image, do you mean a link to an image, or a base64 text of an image? The latter would be huge and probably break excel in some way.
Other Resources:
https://www.grapecity.com/blogs/how-to-importexport-excel-files-using-javascript-and-spread-sheets

Related

React Export a Multiple Level Table to CSV File

I have a React table like this. Do we have anyway to export this table to CSV file and keep the same structure.
Yes, but how easy it is really depends on how the underlying state is being stored in your app.
The react-csv package allows you to pass it an array of data and add a Download button to your site, but you first need to arrange/collect the data into the right format for it.

unable to download XLSX.Full.Min.JS

I am using below referenced code for Export to Excel:
How to export HTML tables to a single excel workbook with different sheets?
To execute this code we need the JS "xlsx.full.min" as mentioned below
<script>
src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.10.3/xlsx.full.min.js">
</script>
But I am getting a corrupt version of the js from given path and unable to find the correct format or correct version.
Please suggest the correct path where I can get the js in a right format.
Here is the Image of xlsx.full.min.js....

Is there a way to export the PowerPoint?

I wanna export GoJs diagrams to Microsoft Office PowerPoint. so examined it, but I couldn't get a good result.
Is there a good way to do it?
Currently, jpeg image type is supported.
myDiagram.makeImage({
scale: 1,
background: "AntiqueWhite",
type: "image/jpeg"
});
The following image is a jpeg created with an AntiqueWhite background specified.
Please refer to documentation in this page for more information.
I found the best way.
Gojs can't export to PowerPoint, but I can get diagram objects.
Using that object, write an intermediate json file.
We grasp the state of diagram from that json and create a PowerPoint using apache poi.
apache poi https://poi.apache.org/
thanks.

Trying to export data to excel file without jquery

Im trying to export the data i have into an excel file without jquery. I've read you can use javascript but most example have jquery. The reason i don't want to use jquery is that the project is build with react.
I already have the data from the database, so i don't need to bring it again.
I want to take that data and make it into an excel file.
little bit of the code below.
<li className='col-md-3 col-height col-middle'>
<span>{fromTime}</span> //contains data
</li>
Some example use table, is it possible to export from
<div>
<li>
<span>
Would appreciate any tips, example or anything
The most common way to export data into excel would be to covert it into a csv (comma seperated values) file which can then be opened in excel.
There are plenty of tutorials on how to do this, there are many different ways with a simple google. In your case doing this in php will likely be best because your getting it from a database.
SheetJS seems perfect for this.
To export your table as an excel file use the code in this link(along with SheetJS)
Just plug in your table element's id into export_table_to_excel

Export object as Excel File in Angular js

I am working on an angular js where I need to export an array of javascript objects. My code already has the provision to export is as a csv. To export as a csv the way is quite simple. I am building an object where each item is separated by a comma and each row by a new line and then using filewriter to write the file. For excel I came across an option like Alasql. Is there anyway I can do it? Is it possible to format the object in such a way so that we can directly use filewriter to save the object as an excel file?
There are 5 ways to export your data in excel.
read here for more information 5-Ways-to-export
And you can also use datatable plugin.
https://datatables.net/extensions/buttons/examples/initialisation/export.html

Categories

Resources