上传文件转base64格式 

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

<button id="btn" onclick="openBrowse()">上传文件</button>
<input type="file" id="file" style="display:none">

<script>
     function openBrowse() {
        var ie = navigator.appName == "Microsoft Internet Explorer" ? true : false;
        if (ie) {
            document.getElementById("file").click();
//            document.getElementById("filename").value = document.getElementById("file").value;
        } else {
            var a = document.createEvent("MouseEvents");//FF的处理
            a.initEvent("click", true, true);
            document.getElementById("file").dispatchEvent(a);
        }
    }
     (function handleFiles() {
         var vm = this;
         var fileInput = document.querySelector('#file');
         fileInput.onchange = function () {
             var file = this.files[0];
             var file_typename = file.name.substring(
                 file.name.lastIndexOf('.') + 1, file.name.length);
             if(file_typename!='mp3'){
               alert('请上传MP3文件');
                 return
             }
             vm.mp3FileName=file.name;

             var reader = new FileReader();
             reader.readAsDataURL(file);
             reader.onload = function () {
                 console.log(reader.result)
             };
         }
     })()
</script>
</body>
</html>

 

posted @ 2018-04-25 22:13  追梦者bh  阅读(419)  评论(0)    收藏  举报