woff2轉base64


Online @font-face generator — Transfonter

 任意文件轉base64-直接拖進來 (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生成轉換小工具,可以實現任意文件轉Base64 Data-URI編碼,文件往頁面中一拖即可。" />
    <meta name="keywords" content="base64, FileReader, readAsDataURL, 文件" />
    <meta name="author" content="張鑫旭, zhangxinxu" />
    <title>【小程序版】任意文件轉base64-直接拖進來</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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM