如何在用戶單擊保存時使用輸入字段將圖像轉換爲base64

我有一個表單。當用戶點擊保存時，我想獲取他/她選擇的圖像並將其轉換爲base64並返回。可能嗎？如何在用戶單擊保存時使用輸入字段將圖像轉換爲base64

這是到目前爲止我的代碼

<script src="jquery-2.1.4.min.js"></script> 
<input type="file" id="i_file" value=""> 
<input type="button" id="i_submit" value="Submit"> 
<br> 
<img src="" width="200" style="display:none;" /> 
<br> 
<div id="disp_tmp_path"></div> 

<script type="text/javascript"> 
    $('#i_file').change(function(event) { 
     var tmppath = URL.createObjectURL(event.target.files[0]); 
     $("img").fadeIn("fast").attr('src',URL.createObjectURL(event.target.files[0])); 

     $("#disp_tmp_path").html("Temporary Path(Copy it and try pasting it in browser address bar) --> <strong>["+tmppath+"]</strong>"); 

     $type = pathinfo(tmppath, PATHINFO_EXTENSION); 
     $data = file_get_contents($path); 
     $base64 = 'data:image/' . $type . ';base64,' . base64_encode($data); 
     console.log($base64); 

    }); 
</script>

來源

2016-12-15 Ali Zia

你已經試過了什麼？ – Dekel

已更新我的代碼 –

相關問題