我正在使用 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>
谁能告诉我为什么延迟不起作用?
慕码人2483693
相关分类