我正在使用dropzone-react組件上傳圖片。上傳後,它給了我blob:http://test
地址,如果我打開它,我可以看到我上傳的圖片。 現在我面臨的挑戰是我想將此圖像保存爲MongoDB中的blob類型。將圖像保存爲mongodb,React
這是我選擇上傳圖片後調用的當前代碼。文件[0] .preview顯示正確的URL。此外console.log(blob)
顯示在控制檯中的BLOB(但我無法找到一個數據段,也許這是什麼問題?
onFileDrop(files) {
var xhr = new XMLHttpRequest();
console.log(files[0].preview);
xhr.open('GET', files[0].preview, true);
xhr.responseType = 'blob';
xhr.onload = function(e) {
if (this.status == 200) {
var blob = xhr.response;
console.log(blob);
Database.update({_id : _stateId}, { $push : {picture : blob}});
}
};
xhr.send();
但經過我更新數據庫中的圖像元素是在MongoDB的只是空的。我試着保存xhr.response.type和這個工程,但我不知何故必須訪問的數據存儲在MongoDB內,並檢索它作爲我的代碼中的另一行上的圖片
我錯過了一些關鍵的一步,或者有甚至一個更簡單的方法來保存mongoDB中的圖像通過使用反應?
我使用的流星框架,如果這是一個IMPO rtant信息。
這就是我們如何解決它到底,謝謝! – ch1ll
沒問題的人,很高興有幫助! –