我正在尝试创建一个可以通过file://
URI使用的Web应用程序。这意味着我不能使用AJAX来加载二进制文件(如果不关闭浏览器中的安全功能,作为一个原则问题,我不想这样做)。
该应用程序使用SQLite数据库。我想将数据库提供给sql. js构造函数,这需要它采用Uint8Array
格式。
由于我不能使用AJAX加载数据库文件,我可以使用来加载它
input.addEventListener('change', function (changeEvent) {
var file = changeEvent.currentTarget.files[0];
var reader = new FileReader();
reader.addEventListener('load', function (loadEvent) {
var buffer = loadEvent.target.result;
var uint8Array = new Uint8Array(buffer);
var db = new sql.Database(uint8Array);
});
reader.readAsArrayBuffer(file);
});
但是,
我想我可以通过使用构建工具将我的数据库文件转换为JavaScript对象/字符串并生成提供文件内容的“. js”文件,然后以某种方式将文件内容转换为Uint8Array
来解决no-AJAX限制。
伪代码:
// In Node.js:
var fs = require('fs');
var sqliteDb = fs.readFileSync('path/to/sqlite.db');
var string = convertBufferToJsStringSomehow(sqliteDb);
fs.writeFileSync('build/db.js', 'var dbString = "' + string + '";');
// In the browser (assume "build/db.js" has been loaded via a <script> tag):
var uint8Array = convertStringToUint8ArraySomehow(dbString);
var db = new sql.Database(uint8Array);
在Node. js中,我尝试了以下方法:
var TextEncoder = require('text-encoding').TextEncoder;
var TextDecoder = require('text-encoding').TextEncoder;
var sql = require('sql.js');
var string = new TextDecoder('utf-8').decode(fs.readFileSync('path/to/sqlite.db'));
// At this point, I would write `string` to a ".js" file, but for
// the sake of determining if converting back to a Uint8Array
// would work, I'll continue in Node.js...
var uint8array = new TextEncoder().encode(string);
var db = new sql.Database(uint8array);
db.exec('SELECT * FROM tablename');
但是当我这样做时,我收到错误“错误:数据库磁盘映像格式错误”。
我做错了什么?这有可能吗?当我通过FileReader
加载相同的文件时,数据库磁盘映像没有“格式错误”。
使用以下代码,我能够将数据库文件的内容传输到浏览器:
// In Node.js:
var fs = require('fs');
var base64 = fs.readFileSync('path/to/sqlite.db', 'base64');
fs.writeFileSync('build/db.js', 'var dbString = "' + base64 + '";');
// In the browser (assume "build/db.js" has been loaded via a <script> tag):
function base64ToUint8Array (string) {
var raw = atob(string);
var rawLength = raw.length;
var array = new Uint8Array(new ArrayBuffer(rawLength));
for (var i = 0; i < rawLength; i += 1) {
array[i] = raw.charCodeAt(i);
}
return array;
}
var db = new sql.Database(base64ToUint8Array(dbString));
console.log(db.exec('SELECT * FROM tablename'));
这是使用以下代码:
input.addEventListener('change', function (changeEvent) {
var file = changeEvent.currentTarget.files[0];
var reader = new FileReader();
reader.addEventListener('load', function (loadEvent) {
var buffer = loadEvent.target.result;
var uint8Array = new Uint8Array(buffer);
var db = new sql.Database(uint8Array);
});
reader.readAsArrayBuffer(file);
});
但是,
使用当前的工作方法不会像尝试创建变通方法那样乏味。如果用户打算使用应用程序,用户可以从他们的文件系统中选择文件来运行应用程序。