Konwertuj obraz base64 do StringIO dla Carrierwave

Question

Mam nadzieję, że ktoś może mi pomóc to zrozumieć. Mam ciąg base64 do obrazu:

"data:image/jpeg;base64,/9j/4AAQSkZJRgABA..." 

chciałbym wysłać go za pomocą Ember za createRecord i commit():

this.get('store').createRecord(Emb.Painting, {name: newName, image: newImage}); 

Następnie chcę, aby przekształcić go StringIO dla carrierwave i zapisać go :

StringIO.class_eval { def original_filename; "stringiohaxx.jpg"; end } 
io = StringIO.new(Base64.decode64(params[:painting][:image])) 
@painting = Painting.create(:name => params[:painting][:name], :image => io) 

Zdjęcie zostanie zapisane. Obraz jest zawsze uszkodzony. Czy muszę złamać mój łańcuch podstawowy base64:

data: '/9j/..' 
type: 'image/jpeg' 

? Każda pomoc doceniona.

Answer 1

I tak, że łańcuch musi być podzielone: ​​

var data = newImage.split(','); 
this.get('store').createRecord(Emb.Painting, {name: newName, image: data[1]}); 

Wątpię, jest to najlepszy sposób ...

Answer 2

Tak, trzeba podzielić ciąg. Można użyć coś takiego:

def splitBase64(uri) 
    if uri.match(%r{^data:(.*?);(.*?),(.*)$}) 
    return { 
     type:  $1, # "image/png" 
     encoder: $2, # "base64" 
     data:  $3, # data string 
     extension: $1.split('/')[1] # "png" 
     } 
    end 
end 

Następnie można dekodować obraz ...

base64image = params[:painting][:image] 
imageDataString = splitBase64(base64image)[:data] 
imageDataBinary = Base64.decode64(imageDataString) 

Następnie można przejść imageDataBinary do StringIO.new() i otrzymany obraz powinien być ważny.