converting HTML page into base64
Question
I have a fetch request that returns an HTML doc
<!DOCTYPE html><html lang="en"><head>..../body></html>
The next thing I'm trying to do is pass it to an API that will let me download it as a PDF
fetch("data:application/pdf;base64,"+encoded_data...)
I saw that I can use window.btoa() to encode a string into base64. However I'm stuck trying to turn the HTML file into a string, to pass into btoa()
fetch("https://www.website.com/cap/people/streamPdf/1214192793"})
.then(resp => {return resp.text()})
.then(data => {
//this is the HTML file
var x = String(data)
console.log(x)
var base64 = window.btoa(x)
// console.log(base64)
})
I'm getting this error:
Uncaught (in promise) DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
at <anonymous>:21:25
I'm assuming this is because what I'm passing btoa isn't a string?
2 answers
solution1
2 ACCPTED 2020-09-13 17:34:04
将 html 内容替换为字符串并尝试使用 base64 对其进行编码。
btoa() //base64 encoding
atob() //base64 decoding
solution2
0 2020-09-13 17:27:39
Does this answer your question?
fetch("https://example.com")
.then(response => {
return response.text()
})
.then(html => {
return window.btoa(html)
})
.then(base64 => {
return "data:text/html;base64," + base64
})
.then(result => {
console.log(result)
})
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.