插入和SQLite中檢索BLOB圖像與HTML5和JavaScript

我有這個簡短的JavaScript代碼，在那裏我可以輸入記錄到SQLite數據庫：插入和SQLite中檢索BLOB圖像與HTML5和JavaScript

function insertRecord() // Get value from Input and insert record . Function Call when Save/Submit Button Click.. 

    { 

    var namamenutemp = $('input:text[id=namamenu]').val(); 

    var satuantemp = $('input:text[id=satuan]').val(); 

    var hargatemp = $('input:text[id=harga]').val(); 

    var stoktemp = '0'; 
    db.transaction(function (tx) { tx.executeSql(insertKasir, [namamenutemp, satuantemp, hargatemp], loadAndReset, onError); }); 
    } 
$("#submitButton").click(insertRecord);

我的HTML輸入到源碼：

<input type="hidden" id="id"> 
<input id="namamenu" type="text" placeholder="Nama menu" required="" autofocus="" pattern=" "> 
<input id="satuan" type="text" placeholder="Contoh: PCS" required="" pattern=" "> 
<input id="harga" type="text" placeholder="Rp." required="" pattern=" "> 
<button id="submitButton" type="submit" >Save</button>

這是我的表結構：

"CREATE TABLE IF NOT EXISTS Kasir (id INTEGER PRIMARY KEY AUTOINCREMENT, namamenu TEXT, satuan TEXT, harga TEXT)"

現在我想插入一些圖片到我的表，我發現它會使用BLOB，但我不知道如何在我的HTML5-Javascript上使用它。

我是否也必須更改我的表格結構？

來源

2016-07-25 husin.anti

這是一個類似的問題：如何獲取圖像的內容爲base64。看起來像該方法是特定於Firefox，但也可以在其他瀏覽器中工作：Get image data in JavaScript?

如果圖像在同一個域上，您可以使用ajax獲取其內容。既然你已經使用jQuery它看起來像這樣：

$.get(imageUrl, function(result) { 
    console.log('binary image content', result); 
});

如果你要顯示的圖像，你需要它的內容變成爲Base64，喜歡這裏描述：Embedding Base64 Images

來源

2016-07-25 08:49:31

沒有，現在我目前正在使用intel xdk創建應用程序，並且我想將圖像保存到我的sqlite數據庫，它不是網站。 –

插入和SQLite中檢索BLOB圖像與HTML5和JavaScript

回答

相關問題