# Capacitor writeFile - Saving pdf file is in invalid format **URL:** \ **Category:** Ionic Native\ **Created:** [March 8, 2019, 10:41pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633 "2019-03-08T22:41:42Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 8, 2019, 10:41pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/1 "2019-03-08T22:41:43Z")
I am generating a pdf using pdfMake and writing it to an android device so that I can open it. I am using Capacitor and the file system command does not appear to take a blob (this worked in cordova) so I am sending it a base64. It seems to write ok but when I open the pdf it says the format is invalid. **Note:** The cordova file plugin does not work with Capacitor ([Cordova plugins not working with Capacitor](https://forum.ionicframework.com/t/cordova-plugins-not-working-with-capacitor/158532/3)) so it seems I am stuck with Capacitor file system commands. **Can I write to blob in capacitor or is there a problem with my code??** Help please, I have spend days on this! ```auto this.pdfObj = pdfMake.createPdf(docDefinition); if (this.plt.is('cordova')) { this.pdfObj.getBase64((data) => { this.pdfBase64 = data; console.log(this.pdfBase64); }); } } downloadPdf() { const { Filesystem } = Plugins; if (this.plt.is('cordova')) { console.log('3'); // Save the PDF to the data Directory of our App const fileName = 'defectreport.pdf'; try { Filesystem.writeFile({ path: fileName, data: this.pdfBase64, directory: FilesystemDirectory.Data, encoding: FilesystemEncoding.UTF8 }).then((writeFileResult) => { console.log('File Written'); Filesystem.getUri({ directory: FilesystemDirectory.Data, path: fileName }).then((getUriResult) => { console.log(getUriResult); const path = getUriResult.uri; this.fileOpener.open(path, 'application/pdf') .then(() => console.log('File is opened')) .catch(error => console.log('Error openening file', error)); }, (error) => { console.log(error); }); }); console.log('writeFile complete'); } catch (error) { console.error('Unable to write file', error); } ``` ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 9, 2019, 1:06am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/2 "2019-03-09T01:06:16Z")
Oh and if I convert the base64 string manually to a file using a web tool it works fine as a pdf. ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 9, 2019, 7:37am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/3 "2019-03-09T07:37:15Z")
Did you double check that your `this.pdfBase64` contains the data before writing? Just to be sure you know Then, did you get any exception? what’s the stacktrace of the error? or no error? Finally, have you try to converting the base64 to a blob to pass it to the write function? ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 9, 2019, 8:25am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/4 "2019-03-09T08:25:04Z")
1. Yes I write the data to the console from the variable to check it. I have used it from here to manually convert to a pdf fine. It does not have a mime/type prefix in the string but otherwise works fine. 2. No exception or warning. The only issue is an error from the google pdf app saying the file is invalid when it tries to open. 3. This is my issue. Capacitor does not take blobs. In cordova I was using a blob (worked fine) but now I have to use base64. Capacitor writeFile only takes a string for the data ☹ ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 9, 2019, 8:53am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/5 "2019-03-09T08:53:49Z")
> [@wekas](#): > > It does not have a mime/type prefix Maybe that’s the problem? Except that, if you print out to the console the value of `writeFileResult`, what’s the result? Also do you get anything as result for `getUriResult` or just empty? If not empty, the value of `getUriResult.uri` seems ok? If yes, if you don’t use `fileOpener` but for example `readFile` to get the content of the saved file, do you get empty or do you get data? ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 9, 2019, 9:18am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/6 "2019-03-09T09:18:40Z")
Yeah I was thinking about manually adding a prefix to see if that worked. I will give it a try, Hopefully base64 is the format I am meant to use, there is no detailed documentation I can find. [https://capacitor.ionicframework.com/docs/apis/filesystem](https://capacitor.ionicframework.com/docs/apis/filesystem) writeFileResult returns an empty object: “{ }” getUriResult gets the file path and name and is used to successfully open the file. Value: “file:///data/user/0/io.ionic.starter/files/defectreport.pdf” ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 9, 2019, 9:30am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/7 "2019-03-09T09:30:01Z")
let me know if that work with adding the the prefix, I’m curious where you browse the files of your phone, do you find that file `file:///data/user/0/io.ionic.starter/files/defectreport.pdf`? I mean not using code I mean really while using the file explorer ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 9, 2019, 9:31am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/8 "2019-03-09T09:31:51Z")
I will try that tomorrow too. To be honest I don’t even know how to find that file path on an android phone manually. I tried and failed. My personal phone is an iphone haha. ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 9, 2019, 9:21pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/9 "2019-03-09T21:21:24Z")
Well putting the MIME type prefix on didn’t help. It works fine (without prefix) if I cut and paste the string and covert to pdf file using this: [http://base64converter.com/](http://base64converter.com/) ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 10, 2019, 4:36am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/11 "2019-03-10T04:36:03Z")
It turns out that it is just writing it as a text file. I should have checked for that ages ago. I guess this means the capacitor file system can’t write a pdf with a base64 string. Or maybe I need to change the encoding from UTF8 to something else? ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 10, 2019, 6:45am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/12 "2019-03-10T06:45:40Z")
> [@wekas](#): > > I guess this means the capacitor file system can’t write a pdf with a base64 string. I don’t think so, didn’t checked deeply but seems that Capacitor “just” create a File from what you provide, so if you provide a pdf path it should create a pdf file (see [https://github.com/ionic-team/capacitor/blob/781d2307fe92f535c1ec2a692ac6c0f1dcbe924f/android/capacitor/src/main/java/com/getcapacitor/plugin/Filesystem.java#L212](https://github.com/ionic-team/capacitor/blob/781d2307fe92f535c1ec2a692ac6c0f1dcbe924f/android/capacitor/src/main/java/com/getcapacitor/plugin/Filesystem.java#L212)) What’s the value of the `path` you are providing to Capacitor writeFile? Does it contains the extension “.pdf”? ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 10, 2019, 7:24am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/13 "2019-03-10T07:24:40Z")
You sir are a genius! I would buy you a beer if you were in my timezone 😉 Great idea to look at the code. **I got it working.** I just needed to remove the UTF8 encoding. So… If you look at the docs here ([https://capacitor.ionicframework.com/docs/apis/filesystem/#type-401](https://capacitor.ionicframework.com/docs/apis/filesystem/#type-401)) It says that the encoding defaults to UTF8, so I didn’t think removing it would make any difference. However looking at the code in the link you sent it defaults to plain text if you provide a value in encoding. ```auto Charset charset = this.getEncoding(encoding); ... // if charset is not null assume its a plain text file the user wants to save ``` ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 10, 2019, 7:42am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/14 "2019-03-10T07:42:23Z")
> [@wekas](#): > > I got it working. Awesome, glad to hear you found the solution! > [@wekas](#): > > I would buy you a beer if you were in my timezone 😉 That’s well noted, you never know, I might travel one of these days 😉 Happy coding, have a great Sunday ---
**Author:** ![lucascardoso](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lucascardoso/32/119682_2.png) [@lucascardoso](https://forum.ionicframework.com/u/lucascardoso)\ **Post date:** [March 28, 2019, 2:47pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/15 "2019-03-28T14:47:12Z")
Hello, I still have the same problem. After saving a pdf and opening the same it displays the invalid formed message to the PDF This is my code for creating the PDF file: `const { Filesystem } = Plugins; ``` console.log("compartilhar: ", Filesystem); try { Filesystem.writeFile({ path: 'wsp.pdf', data: "PDF capacitor test", directory: FilesystemDirectory.Documents }).then((res) => { console.log("success pdf: ", res); }); } catch(e) { console.error('Unable to write file: ', e); }` ``` Can someone help me? Thanks in advance! ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 28, 2019, 8:56pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/16 "2019-03-28T20:56:00Z")
If you are using the below (and it is not just a placeholder) you are just sending text as data. Not a pdf. 1. If you don’t specify an encoding type it assumes it is a base64 string. 2. You are sending raw text. Not a base64 string. Are you using a pdf generator like pdfMake? > [@lucascardoso](#): > > data: “PDF capacitor test”, See my code below: ```auto downloadPdf(pdfBase64: string) { const { Filesystem } = Plugins; if (this.plt.is('cordova')) { // Save the PDF to the device const fileName = 'defectreport.pdf'; try { Filesystem.writeFile({ path: fileName, data: pdfBase64, directory: FilesystemDirectory.Documents // encoding: FilesystemEncoding.UTF8 }).then((writeFileResult) => { Filesystem.getUri({ directory: FilesystemDirectory.Documents, path: fileName }).then((getUriResult) => { const path = getUriResult.uri; this.fileOpener.open(path, 'application/pdf') .then(() => console.log('File is opened')) .catch(error => console.log('Error openening file', error)); }, (error) => { console.log(error); }); }); } catch (error) { console.error('Unable to write file', error); } } else { // On a browser simply use download this.defectReportService.getPdfObj().download(); } } ``` ---
**Author:** ![lucascardoso](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lucascardoso/32/119682_2.png) [@lucascardoso](https://forum.ionicframework.com/u/lucascardoso)\ **Post date:** [March 29, 2019, 2:31pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/17 "2019-03-29T14:31:55Z")
Hello @wekas I’m trying to create a file with PDF format. Regardless of the content of the PDF being a base64 or simply a text I would have to be able to open the same one, however I can not open any PDF file This is my complete code: ```auto import { Plugins, CameraResultType, CameraSource, FilesystemDirectory, FilesystemEncoding } from '@capacitor/core'; import { FileOpener } from '@ionic-native/file-opener/ngx'; async createFile(base64: string) { const { Filesystem } = Plugins; try { const fileName = "wsp.pdf"; Filesystem.writeFile({ path: fileName, data: base64, directory: FilesystemDirectory.Documents }).then((res) => { console.log("Success create file: ", res); Filesystem.getUri({ directory: FilesystemDirectory.Documents, path: fileName }).then((getUriResult) => { const path = getUriResult.uri; this.fileOpener.open(path, 'application/pdf') .then(() => console.log('Success open')) .catch(error => console.log('Error open File: ', error)); }, (error) => { console.log(error); }); }); } catch(e) { console.error('Error create File: ', e); } } ``` Thanks for listening! ---
**Author:** ![wekas](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/wekas/32/124745_2.png) [@wekas](https://forum.ionicframework.com/u/wekas)\ **Post date:** [March 29, 2019, 9:09pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/18 "2019-03-29T21:09:59Z")
Hi Luca, I know its not what you want but if you use this it should work for text: ```auto Filesystem.writeFile({ path: 'doc.txt', data: 'I am a line of text', directory: FilesystemDirectory.Documents encoding: FilesystemEncoding.UTF8 //Any item here assumes it is text }) ``` As for the pdf here is what I would try: 1. MIME type: Do you have a MIME type on your Base64 data? You may need it for the pdf app on the device to recognise it. I add it in my code: ```auto this.myService.getPdfObj().getBase64((data) => { const pdfBase64 = 'data:application/pdf;base64,' + data; this.downloadPdf(pdfBase64); }); ``` 1. Try writing you base64 string to the console and copy and paste it into an online pdf generator like this: [http://base64converter.com/](http://base64converter.com/) 2. Find the file on your device and email to computer then open it in a browser (different app). If it doesn’t work try changing the extension to .txt to make sure it is not text. Let me know if any of that works. ---
**Author:** ![ImFrancis](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ImFrancis](https://forum.ionicframework.com/u/ImFrancis)\ **Post date:** [May 14, 2021, 11:28pm UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/19 "2021-05-14T23:28:13Z")
Les adjunto mi solución import { Plugins, FilesystemDirectory } from ‘@capacitor/core’; const { Filesystem } = Plugins; let base64Code = pdfAsString; try { const result = await Filesystem.writeFile({ path: ‘carnet.pdf’, data: base64Code, directory: FilesystemDirectory.Documents, }) console.log(‘Wrote file’, result); } catch(e) { console.error(‘Unable to write file’, e); } ---
**Author:** ![nelr](https://avatars.discourse-cdn.com/v4/letter/n/4af34b/32.png) [@nelr](https://forum.ionicframework.com/u/nelr)\ **Post date:** [October 20, 2021, 5:12am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/20 "2021-10-20T05:12:09Z")
This is my solution with capacitor v3: ```auto downloadFile(urlFile: string): void { this.http.get(urlFile, { responseType: 'blob', reportProgress: true, observe: 'events' }).subscribe(async (event) => { if (event.type === HttpEventType.DownloadProgress) { this.downloadProgress = Math.round((100 * event.loaded) / event.total); } else if (event.type === HttpEventType.Response) { this.downloadProgress = 0; const name = urlFile.substr(urlFile.lastIndexOf('/') + 1); const base64 = await this.convertBlodToBase64(event.body) as string; const savedFile = await Filesystem.writeFile({ path: name, data: base64, directory: Directory.Documents, }); } }); } convertBlodToBase64 = (blob: Blob) => new Promise((resolve, reject) => { const reader = new FileReader(); reader.onerror = reject; reader.onload = () => { console.log('convBase64', reader.result); resolve(reader.result); }; reader.readAsDataURL(blob); }); ``` The solution for the FILE\_NOTCREATED error, you should add to the `` in AndroidManifest: ```auto android:requestLegacyExternalStorage="true" ``` The solution for the error: package android.support.v4.content does not exist, try this: ```auto //replace public class FileProvider extends android.support.v4.content.FileProvider //for this public class FileProvide extends androidx.core.content.FileProvider ``` ---
**Author:** ![gegs](https://avatars.discourse-cdn.com/v4/letter/g/9de053/32.png) [@gegs](https://forum.ionicframework.com/u/gegs)\ **Post date:** [June 8, 2022, 10:53am UTC](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633/21 "2022-06-08T10:53:55Z")
Man, you saved my day. Spent so much time analyzing where it was going wrong.Though this does seem unexpected behavior. There should be better documentation. [Next page](https://forum.ionicframework.com/t/capacitor-writefile-saving-pdf-file-is-in-invalid-format/158633.md?page=2)