Javascript 如何将filepond中的每个上载文件发送到firebase存储
我使用filepond供用户上载多个文件,我想将上载到filepond的每个文件发送到firebase数据库 我已经能够计算出filepond的上传量Javascript 如何将filepond中的每个上载文件发送到firebase存储,javascript,html,firebase,firebase-storage,Javascript,Html,Firebase,Firebase Storage,我使用filepond供用户上载多个文件,我想将上载到filepond的每个文件发送到firebase数据库 我已经能够计算出filepond的上传量 <input type="file" class="filepond" id="filepond" name="filepond" multiple data-max-file-size="3MB" data-max-files="5" /> FilePond.registerPlugin( // encodes the
<input type="file" class="filepond" id="filepond" name="filepond" multiple data-max-file-size="3MB" data-max-files="5" />
FilePond.registerPlugin(
// encodes the file as base64 data
FilePondPluginFileEncode,
// validates the size of the file
FilePondPluginFileValidateSize,
// corrects mobile image orientation
FilePondPluginImageExifOrientation,
// previews dropped images
FilePondPluginImagePreview
);
var fileinputelement = document.getElementById('filepond')
// Select the file input and use create() to turn it into a pond
FilePond.create()
但我一直在
const file=fileinputelement.get(0)处出现意外标识符错误。文件[0]
我做错了什么?在上传每个文件后,我如何将文件发送到firebaseFilePond需要一个options对象作为第二个参数来创建,但是你在对象范围内声明了一个变量。FilePond需要一个options对象作为第二个参数来创建,但是你却在声明一个变量在对象范围内。
FilePond.create(fileinputelement, {
const file = fileinputelement.get(0).files[0]
storeFileInStorage(file)
})
function storeFileInStorage(file){
const name = (+new Date()) + '-' + file.name;
const task = CatalogueStorage.child(name).put(file, metadata);
}