2016-08-03 101 views
0

我正在使用webcamnjs從網絡攝像頭拍攝照片,並且我正在尋找一種上傳載波的方法。我發現this gem誰這樣做。Rails 4:使用Carrierwave上傳數據Uri

所以,我有我的js代碼拍照:

function save_photo() { 
    // actually snap photo (from preview freeze) and display it 
    Webcam.snap(function(data_uri) { 
    // display results in page 
    document.getElementById('results').innerHTML = 
     '<img src="'+data_uri+'"/><br/></br>' + 
     '<a href="'+data_uri+'" target="_blank">link</a>'; 

    // shut down camera, stop capturing 
    Webcam.reset(); 

    }); 

的問題是:我怎樣才能讀取data_uri JS變量和整合,在上傳的Ruby代碼,並保存它不重裝該頁面,與Ajax?

謝謝!

回答

-1

你有什麼需要的是類似的東西:

function save_photo() { 
    // actually snap photo (from preview freeze) and display it 
    Webcam.snap(function(data_uri) { 
    $.ajax({ 
     // put a valid route 
     url: '/profile/2', 
     type: 'PATCH', 
     data: { image: data_uri } 
    }) 
    .done(function() { 
     // display results in page 
     document.getElementById('results').innerHTML = 
     '<img src="'+data_uri+'"/><br/></br>' + 
     '<a href="'+data_uri+'" target="_blank">link</a>'; 
    }); 

    // shut down camera, stop capturing 
    Webcam.reset(); 
}); 
+0

的圖像是在另一種模式。我有一個模型用戶has_many圖片。這段代碼如何將data_uri轉換成carrierwave上傳它? –

相關問題