# 上传文件获取base64 ~~~ let uploading = false // #file 文件上传框 $('#file').change(function(e) { if (uploading) { //　正在上传 return } uploading = true; letfile = e.currentTarget.files\[0\]; lettype = getType(file.name).toUpperCase(); // 判断文件类型 if (!types.includes(type)) { // 类型不合 uploading = false; // 提示 return ;  } console.log(file); if (window.FileReader) { let fr = newFileReader(); fr.onloadend = function(e) { // 上传结束触发 console.log(e);                 } // 进度初始值 letproNum = 0 // 文件开始上传 fr.onloadstart = function() { // 显示进度条 $('#file\_progress').show(); // 进度条初始化 $('#progress').val(proNum); $('#progress\_num').html(proNum + '%');                 } fr.onprogress = function(e) { // 计算进度条百分比 proNum = e.loaded/file.size \* 100; proNum = Math.floor(proNum); // 设置进度条值 $('#progress').val(proNum); $('#progress\_num').html(proNum + '%'); // 当进度条到100%后隐藏 并显示文件信息 if (proNum == 100) { uploading = false; setTimeout(function() { $('#file\_progress').hide();  }, 500) $('#filetype').html(type); if (type == 'ZIP' || type == 'RAR') { $('#filetype').css('background-image', "url('{v8-path}style/img/tool/zip.png')")  } if (type == 'PDF' || type == 'PPT') { $('#filetype').css('background-image', "url('{v8-path}style/img/tool/pdf.png')")   } if (type == 'DOC' || type == 'DOCX') { $('#filetype').css('background-image', "url('{v8-path}style/img/tool/doc.png')")                         } if (type == 'XLSX') { $('#filetype').css('background-image', "url('{v8-path}style/img/tool/xlsx.png')") } $('#filename').html(file.name); letsize = getSize(file.size); $('#filesize').html(size); $('#fileRes').show();         }  } fr.onload = function(e) { // console.log(this.result); if (!this.result) { // 弹窗提示失败 } else { // 上传成功 console.log('上传成功') fileData = this.result;   }  } fr.onerror = function(e) { // 上传出错时触发 console.log(e)  } fr.onabort = function(e) { // 中断时触发 console.log(e)   } // 获取文件base64 fr.readAsDataURL(file);   } else { // 浏览器不支持 console.log('浏览器不支持fileReader');  } ~~~