2016-08-03 57 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上传它? –

相关问题