画像データを画像に設定する

Question

私は画像データをクリックして取得し、画像データは変数として定義し、この画像データを取得して画像srcに設定するそれをしてもいいですか？ここに私のコードは次のとおりです。

$('.export').click(function() { 
 
     var imageData = $('.image-editor').cropit('export'); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<img src=''>

Answer 1

あなたはjQueryのattr()機能を使用することができます。

$('img').attr('src', 'data:image/png;base64,' + imageData) 

は、関数の詳細を参照してください - http://api.jquery.com/attr/

Answer 2

するTry jqueryの.attr()

更新あなたの画像要素<img id='profile-pic' src=''>

$('.export').click(function() { 
    var imageData = $('.image-editor').cropit('export'); 
    $('#profile-pic').attr('src', imageData); //Change your img src to imageData 
}); 

アップデート1：base64

$('#profile-pic').attr('src', 'data:image/png;base64,' + imageData);