Javascript 延迟不适用于 FilePond

我正在使用 filepond 将文件上传到我的网络应用程序。我正在使用 defer 的 head 标签中的所有脚本,但它们没有加载脚本。但是,当我将它们放在输入文件类型之后的 body 标记中时,它们会正确加载并且 filepond 正在工作。此外,当我对正文中的相同脚本使用 defer 时,filepond 停止工作。我提供模板文件:


<!DOCTYPE html>

    <html>

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">

        <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css" rel="stylesheet">


        <input type="file" class="filepond">


        <!-- <script defer src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js"></script>

        <script defer src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.js"></script>

        <script defer src="https://unpkg.com/filepond-plugin-image-resize/dist/filepond-plugin-image-resize.js"></script>

        <script defer src="https://unpkg.com/filepond/dist/filepond.js"></script>

        <script>

            FilePond.registerPlugin(FilePondPluginImagePreview);

            FilePond.registerPlugin(FilePondPluginImageResize);

            FilePond.registerPlugin(FilePondPluginFileEncode);

            const inputElement = document.querySelector('input[type="file"]');

            const pond = FilePond.create(inputElement);

            FilePond.parse(document.body);

        </script> -->

        <title>Mybrary</title>

    </head>


谁能告诉我为什么延迟不起作用?


慕的地10843
浏览 43回答 1
1回答

慕码人2483693

如果 src 属性不存在,则不得指定 defer 和 async 属性。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5