正常来说,我们的文件都可以转成Base64的字符串,并且浏览器所支持的多媒体文件格式转成Base64后也可以直接将Base64字符串引用到页面中(比如图片)
下面的代码可直接将所上传的文件转成Base64编码的格式
HTML部分
< input id="fileInput" type="file" /> < div id="content"> div>
JS部分
var fileInput = document.querySelector('#fileInput'); fileInput.onchange = function () { var file = this.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function () { document.getElementById('content').innerHTML = reader.result; }; };
题外话:之所以会用到这个方法是因为需要将AMR文件(录音文件)转成Base64,用于融云的信息通讯服务