js获取input上传图片装换为base64格式图片



<input name="upimage" id="upload_file" type="file"> <img src="/img/touxiang.jpg" id="showImage" alt=""><br /><br />

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> //jq cdn   <script type="text/javascript">     var imgurl = 'aaa';     $('#upload_file').change = function (){ gen_base64(); };     function $_(id) {       return document.getElementById(id);
     }     function gen_base64() {       var file = $_('upload_file').files[0];       r = new FileReader(); //本地预览       r.onload = function(){       console.log(r.result) //r.result 即为base64编码       $('#showImage').attr('src',r.result) } r.readAsDataURL(file); //Base64 } </script>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM