正常来说,我们的文件都可以转成Base64的字符串,并且浏览器所支持的多媒体文件格式转成Base64后也可以直接将Base64字符串引用到页面中(比如图片)

下面的代码可直接将所上传的文件转成Base64编码的格式
HTML部分

< input id="fileInput" type="file" />
< div id="content">

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,用于融云的信息通讯服务