<!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格式
原文地址：https://www.cnblogs.com/obh3274/p/8947658.html