使用Vanila JavaScript销毁动态创建的Filepond实例

编程问答 2022-06-08

问题描述

我在函数中创建了filepond实例，该实例显示了具有文件上传功能的模态块。现在，我需要在关闭模式块时销毁已创建的实例，因为我有用新的filepond实例和参数调用t函数进行其他用途的情况。请提出建议，我该如何正确实现动态创建的Filepond实例的存储；

函数初始化文件池：

Properties.Settings.Default.Hostname

我必须销毁的功能：

const showUploader = () => {
    const pond = FilePond.create( inputElement,{
            acceptedFileTypes: ['image/png','image/jpeg','image/jpg','application/pdf'],instantUpload: true,/* other settings */
            server: {
                url: '/process.PHP?' + urlParams,process: {
                    onload: (response) => {
                        console.log(response);
                    },onerror: (error) => {
                        console.log(error);
                    }
                },revert: {
                    onload: (response) => console.log(response),onerror: (response) => console.log(response),},load: {
                    onload: response => { console.log(response); },onerror: response => { console.log(response); },}
            }
        });
}

谢谢！

解决方法

使用android:screenOrientation="portrait" android:launchMode="singleTask" android:configChanges="mcc|mnc|locale|touchscreen|keyboard|keyboardHidden|navigation|orientation|screenLayout|uiMode|screenSize|smallestScreenSize|fontScale|layoutDirection|density" 方法。

FilePond.destroy

在您遇到的情况下，您也可以在实例本身上调用<intput type="file" name="filepond" required multiple> <script> const inputElement = document.querySelector('input[type="file"]'); // create the FilePond instance FilePond.create(inputElement); // destroy the FilePond instance by element reference FilePond.destroy(inputElement); </script> 。

https://pqina.nl/filepond/docs/patterns/api/filepond-object/#destroying-a-filepond-instance

filepondjavascript