js.writeFile 没有正确编写 Blob
js.writeFile not writing Blob correctly
我有一个 Angular 服务,具有写文件的功能。该函数可以在 Ionic 或 Electron 平台上运行。对于 Ionic,它使用 $cordovaFile 进行文件操作,对于 Electron,它使用节点 fs 库。
函数如下:
writeFile(filename: string, dirname: string, data: string | Blob, replace?: boolean): ngCordova.IFilePromise<ProgressEvent> {
if (this.isElectron) {
let promiseObj = this.$q.defer();
if (replace) {
try {
fs.unlinkSync('./' + dirname + '/' + filename);
}
catch (err) {
//err
}
}
fs.writeFile('./' + dirname + '/' + filename, data, 'binary', () => {
promiseObj.resolve(true);
});
return promiseObj.promise;
}
else {
return this.$cordovaFile.writeFile(cordova.file.dataDirectory + dirname, filename, data, replace);
}
};
使用Ionic平台时,功能正常,下载文件写入正确。但是,当使用Electron平台时,所有下载的文件都包含字符串[object Blob]
.
使用 fs 将 Blob 写入文件的正确方法是什么?
更多信息
数据最初以 JSON 消息中的 base64 形式出现,但我们随后使用它
let fileBlob = this.stringUtilityService.b64ToBlob(dataObj.Data[i].FileContents, 'image/png');
this.fileSystemService.writeFile(dataObj.Data[i].FileName, 'icons', fileBlob);
更多信息
这是 b64ToBlob() 函数,尽管据我所知该函数工作正常且正确 returns Ionic 应用程序正确保存并可以显示的 blob。
b64ToBlob(b64Data: string, contentType: string): any {
let sliceSize = 512;
let byteCharacters = atob(b64Data);
let byteArrays = [];
for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
let slice = byteCharacters.slice(offset, offset + sliceSize);
let byteNumbers = new Array(slice.length);
for (let i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}
let byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
let blob = new Blob(byteArrays, { type: contentType });
return blob;
}
将 b64ToBlob
函数重写为类似下面的代码即可。
如果base64编码的字符串有
,则需要取出data:image/gif;base64,
这样的heading签名串
b64ToBlob(b64Data: string): any {
return Uint8Array.from(atob(b64Data), (c) => c.charCodeAt(0));
}
我有一个 Angular 服务,具有写文件的功能。该函数可以在 Ionic 或 Electron 平台上运行。对于 Ionic,它使用 $cordovaFile 进行文件操作,对于 Electron,它使用节点 fs 库。
函数如下:
writeFile(filename: string, dirname: string, data: string | Blob, replace?: boolean): ngCordova.IFilePromise<ProgressEvent> {
if (this.isElectron) {
let promiseObj = this.$q.defer();
if (replace) {
try {
fs.unlinkSync('./' + dirname + '/' + filename);
}
catch (err) {
//err
}
}
fs.writeFile('./' + dirname + '/' + filename, data, 'binary', () => {
promiseObj.resolve(true);
});
return promiseObj.promise;
}
else {
return this.$cordovaFile.writeFile(cordova.file.dataDirectory + dirname, filename, data, replace);
}
};
使用Ionic平台时,功能正常,下载文件写入正确。但是,当使用Electron平台时,所有下载的文件都包含字符串[object Blob]
.
使用 fs 将 Blob 写入文件的正确方法是什么?
更多信息
数据最初以 JSON 消息中的 base64 形式出现,但我们随后使用它
let fileBlob = this.stringUtilityService.b64ToBlob(dataObj.Data[i].FileContents, 'image/png');
this.fileSystemService.writeFile(dataObj.Data[i].FileName, 'icons', fileBlob);
更多信息
这是 b64ToBlob() 函数,尽管据我所知该函数工作正常且正确 returns Ionic 应用程序正确保存并可以显示的 blob。
b64ToBlob(b64Data: string, contentType: string): any {
let sliceSize = 512;
let byteCharacters = atob(b64Data);
let byteArrays = [];
for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
let slice = byteCharacters.slice(offset, offset + sliceSize);
let byteNumbers = new Array(slice.length);
for (let i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}
let byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
let blob = new Blob(byteArrays, { type: contentType });
return blob;
}
将 b64ToBlob
函数重写为类似下面的代码即可。
如果base64编码的字符串有
data:image/gif;base64,
这样的heading签名串
b64ToBlob(b64Data: string): any {
return Uint8Array.from(atob(b64Data), (c) => c.charCodeAt(0));
}