Question 249994 in Javascript Question posted in
A very good W3school tutorial can be found here.

Generate file object from content using javascript

I have this file data

const ics = 'BEGIN:VCALENDARn' +
'VERSION:2.0n' +
'CALSCALE:GREGORIANn' +
'METHOD:PUBLISHn' +
'END:VCALENDARn';

i want to generate file object

where fileBody is ics data

convert(fileBody,filename)
{
      let fileContent=this.dataURLtoFile('data:text/plain;charset=utf-8,' + encodeURIComponent(fileBody),filename);
}

dataURLtoFile(dataurl, filename) {
  console.log('dataurl',dataurl);
  var arr = dataurl.split(","),
    mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]),
    n = bstr.length,
    u8arr = new Uint8Array(n);

  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }

  return new File([u8arr], filename, { type: mime });
}

but this is not converting to file

Tags:

2

Answers


  1. 0

    Try just passing the string to File or Blob, with mime type text/calendar for .ics file format (see: Common MIME types):

    convert(fileBody,filename)
{
     let fileContent=this.dataURLtoFile('text/calendar;charset=utf-8', fileBody, filename);
         
}

dataURLtoFile(mime, data) {

  return new File([data], filename, { type: mime } );
}

    But if you just want to download the file, you can just use data url with ics string as the content:

    const link = document.createElement('a');
link.href = 'data:text/calendar,' + encodeURIComponent(fileBody);
link.download = 'calendar.ics';
link.click();
    Login or Signup to reply.
  2. 0

    Based on your code snippet, it seems you want to generate a file object from the provided content and filename. Here’s a modified version of your code that should work:

    const ics = 'BEGIN:VCALENDARn' +
  'VERSION:2.0n' +
  'CALSCALE:GREGORIANn' +
  'METHOD:PUBLISHn' +
  'END:VCALENDARn';

function convert(fileBody, filename) {
  const fileContent = dataURLtoFile('data:text/calendar;charset=utf-8,' + encodeURIComponent(fileBody), filename);
  // Use the fileContent as needed
  console.log(fileContent);
}

function dataURLtoFile(dataurl, filename) {
  const arr = dataurl.split(",");
  const mime = arr[0].match(/:(.*?);/)[1];
  const bstr = atob(arr[1]);
  const n = bstr.length;
  const u8arr = new Uint8Array(n);

  for (let i = 0; i < n; i++) {
    u8arr[i] = bstr.charCodeAt(i);
  }

  return new File([u8arr], filename, { type: mime });
}

// Example usage:
convert(ics, 'calendar.ics');

    In this code, the convert function takes the fileBody (ICS data) and filename as parameters. It generates a file object using the dataURLtoFile function, which converts the data URL to a File object.

    You can now use the generated File object (fileContent) as needed, such as uploading it to a server, saving it locally, or sending it via email.

    Note that the example usage at the end simply calls the convert function with the provided ics content and a filename of ‘calendar.ics’. You can modify the code to suit your specific needs.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search