當(dāng)前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

woff2转base64

發(fā)布時(shí)間：2024/1/3 综合教程 27 生活家

生活随笔收集整理的這篇文章主要介紹了 woff2转base64 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

Online @font-face generator — Transfonter

任意文件轉(zhuǎn)base64-直接拖進(jìn)來 (zhangxinxu.com)

data:application/x-font-woff2;charset=utf-8;base64,xxxxxxxxxxxxxxxxxxxx

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="在線Base64生成轉(zhuǎn)換小工具，可以實(shí)現(xiàn)任意文件轉(zhuǎn)Base64 Data-URI編碼，文件往頁面中一拖即可。" />
    <meta name="keywords" content="base64, FileReader, readAsDataURL, 文件" />
    <meta name="author" content="張鑫旭, zhangxinxu" />
    <title>【小程序版】任意文件轉(zhuǎn)base64-直接拖進(jìn)來</title>
    <style>
        body {
            word-break: break-all;
            margin: 0 1em;
            min-height: 100vh;
            font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
            overflow: hidden;
        }
        
        .empty::before {
            position: absolute;
            font-size: 50px;
            content: '任意文件A拖到這里';
            white-space: pre;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: gray;
        }
    </style>
</head>

<body class="empty">
    <script>
        window.addEventListener("dragenter", function(event) {
            event.preventDefault();
        }, false);
        window.addEventListener("dragover", function(event) {
            event.preventDefault();
        }, false);
        window.addEventListener("drop", function(event) {
            var reader = new FileReader();
            reader.onload = function(e) {
                var rehead = e.target.result.replace(/octet-stream/, "x-font-woff2;charset=utf-8");
                document.body.insertAdjacentHTML("afterBegin", '<p>' + rehead + '</p>');
                document.body.classList.remove('empty');
            };
            reader.readAsDataURL(event.dataTransfer.files[0]);
            event.preventDefault();
        }, false);
    </script>
</body>

</html>

總結(jié)

以上是生活随笔為你收集整理的woff2转base64的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。