我有一個創建的Phonegap項目,使用攝像頭按照教程捕獲圖片http://mobile.tutsplus.com/tutorials/phonegap/phonegap-from-scratch-camera-exporting/.Now我想將圖像保存爲blob到sqlite數據庫。還保存一次檢索並顯示圖像。請建議。如何將捕獲的圖片保存爲SQLite並在Phonegap中恢復?
1
A
回答
3
請按照下面的步驟
讓你的圖片作爲基地64使用電話的差距相機API
2.現在轉化基地64 Blob對象
function convertDataURIToBlob(dataURI, mimetype) {
var BASE64_MARKER= ';base64,';
var base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length;
var base64 = dataURI.substring(base64Index);
var raw = window.atob(base64);
var rawLength = raw.length;
var uInt8Array = new Uint8Array(rawLength);
for (var i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
var bb = new BlobBuilder();
bb.append(uInt8Array.buffer);
return bb.getBlob(mimetype);
}
代替雖然傳入了mimetype,但您應該從 中提取數據網址並將其與getBlob()一起使用。
OR
使用本plugin
3.現在你可以使用PhoneGap的存儲API到SQLite的所需列的數據類型爲字符串保存圖像。
4.使用電話的差距存儲API
5.現在使用Java script.Here 樣品blob對象以HTML表示此對象HTML標記取從sqlite的您的Blob對象5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Blob</title>
<script type="text/javascript">
(function() {
window.URL = window.URL || window.webkitURL;
function contentLoaded() {
var blob = new Blob(['alert("hello")'], { type: 'text/javascript' });
var script = document.createElement('script');
script.setAttribute('src', window.URL.createObjectURL(blob));
document.body.appendChild(script);
}
window.addEventListener('DOMContentLoaded', contentLoaded, false);
}());
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
+0
如何獲得mimetype? –
相關問題
- 1. 如何將POJO保存到SQLite中並讓它們恢復?
- 2. Phonegap - 將圖像捕獲到圖片庫並顯示在HTML中
- 3. 如何將照相機捕獲的照片保存在圖片庫中
- 4. 如何在onPause中保存arrayList並將其恢復到onResume
- 5. 如何捕獲圖像,並將其保存在SD卡
- 6. 如何保存hdc並恢復它?
- 7. 如何保存並恢復ScrollPosition
- 8. 如何將捕獲的圖像轉換爲GIF並保存到SD卡中android
- 9. Phonegap在www目錄中保存捕獲的圖像
- 10. 如何從url獲取圖片並將其保存在mysql中作爲BLOB? php
- 11. Android:保存片段狀態並恢復視圖值
- 12. 如何在JavaScript中捕獲並恢復全局錯誤?
- 13. 保存在內部存儲器中捕獲的圖片嗎?
- 14. 如何在TabChange中保存/恢復片段中的視圖狀態
- 15. $ ionicHistory保存並恢復
- 16. Git保存並恢復
- 17. 如何在android中保存/恢復嵌套片段?
- 18. 如何保存/恢復狀態視圖片上標籤更改
- 19. 捕獲圖像並將其保存在內部存儲器上
- 20. 保存並恢復ArrayList中的值
- 21. 保存並恢復在enyo的數據
- 22. 保存並恢復ArrayList中的片段活動性
- 23. PhoneGap上的自動圖片捕獲
- 24. 如何保存KineticJS的狀態並將其恢復
- 25. 如何將'div'保存爲圖片?
- 26. 如何將html div保存爲圖片?
- 27. 如何將網頁保存爲圖片
- 28. 如何在OpenCV中捕捉圖像並保存爲pgm格式?
- 29. 從相機捕獲圖像並將其保存爲字符串
- 30. 使用UIImageWriteToSavedPhotosAlbum()捕獲並存儲圖片
普里亞喜你的問題解決了? – MSTdev
@Priya:你有這個場景的工作代碼嗎? – Mrunal