<!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>
上传文件转base64格式
猜你喜欢
转载自www.cnblogs.com/obh3274/p/8947658.html
今日推荐
周排行