当前位置: 首页 > 工具软件 > Filebase > 使用案例 >

input file 文件转base64

裴嘉许
2023-12-01

由于浏览器的设置保护功能,input file 获取不到真正的文件路径,可将选择的文件转为base64

 <input id="file_upload" value="导入"  type="file"  onchange="filechange()" />
   //文件选择改变事件
        function filechange() {
            var selectFile = document.getElementById("file_upload");
            var filePath = selectFile.value;//文件路径
            var fileName = selectFile.files[0].name;//上传的文件名称
            var file = selectFile.files[0];//上传的文件
            var extn = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();//文件后缀
            //文件base64string获取
            if (window.FileReader) {
                var reader = new FileReader();
               reader.readAsDataURL(file);
                //监听文件读取结束后事件    
                reader.onloadend = function (e) {
                    var base64String=e.target.result;
               };
            }
        }

 

 类似资料: