javascript pdf的url转base64

在JavaScript中，将PDF文件转换成Base64编码通常是为了在线预览或发送PDF作为数据URL。以下是基本步骤：

1. 首先，你需要一个FileReader对象来读取PDF文件。你可以通过让用户选择文件，然后获取File对象开始。

<input type="file" id="pdf-file" accept=".pdf">
<script>
const fileInput = document.getElementById('pdf-file');
fileInput.addEventListener('change', (event) => {
  const file = event.target.files[0];
  // 接下来处理文件
});
</script>

2. 使用FileReader的readAsDataURL方法读取文件内容，并转换为Base64。

const convertToBase64 = (file) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onloadend = () => {
      resolve(reader.result);
    };
    reader.readAsDataURL(file);
  });
};

3. 当你得到Base64字符串后，就可以创建一个Data URL了。

convertToBase64(file)
  .then((base64String) => {
    const dataUrl = 'data:application/pdf;base64,' + base64String;
    // 现在你可以显示这个URL或用于其他用途
  })
  .catch((error) => {
    console.error('Error converting to Base64:', error);
  });