我正在使用以下代码在FileReader的onLoad函数中创建一个a标签,并将FileReader的结果(即base64字符串)放入href中。
let reader = new FileReader()
reader.readAsDataURL(myInputTypeFile.files[0])
reader.onloadend = (e) => {
let file
for (let i = 0; i < attachInput.files.length; i++) {
file = attachInput.files[i]
if (file.type === 'application/pdf'){
let anchor = document.createElement('a')
anchor.setAttribute('class', 'q-attached-file')
anchor.setAttribute('title', file.name)
anchor.setAttribute('href', reader.result)
anchor.innerText = file.name
myElement.appendChild(anchor)
}
}
}
这是生成的HTML代码:
![enter image description here](https://istack.dev59.com/MDvlA.webp)
更新:在控制台中,reader.result字符串如下所示:
![enter image description here](https://istack.dev59.com/Hmt9L.webp)
href
中的Base64字符串是完全有效的 - 你确定你的Base64确实是正确的吗?你也确定你的浏览器的“打开方式”中已经指定了一个PDF查看器吗? - undefined