Breaking News: Grepper is joining You.com. Read the official announcement!

filepond remove file after upload

hirohito answered on January 25, 2022 Popularity 5/10 Helpfulness 3/10

answer filepond remove file after upload

filepond remove file after upload

Comment

// clear file input filepond multiple
// example: (I using alpine.js)

const post = FilePond.create($refs.fileinput, {
  acceptedFileTypes: ['image/jpg', 'image/jpeg', 'image/png', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel', 'application/pdf', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],
  labelFileTypeNotAllowed: 'File type not allowed ',
  fileValidateTypeLabelExpectedTypes: 'Allowed file type: .jpg, .jpeg, .png, .xlsx, .xls, .pdf, .docx',
  fileValidateTypeDetectType: (source, type) =>
  new Promise((resolve, reject) => {
  	resolve(type);
  }),
  maxFileSize: '20MB',
  allowMultiple: true
});
post.setOptions({
  server: {
    process:(fieldName, file, metadata, load, error, progress, abort, transfer, options) => {
    	@this.upload('filearray', file, load, error, progress)
  	},
  	revert: (filename, load) => {
  		@this.removeUpload('filearray', filename, load)
  	},
  },
  onprocessfile: function(error, file) { // remove file where has been uploaded one by one
 	post.removeFile(file);
  },
  // or
  onprocessfiles: function(){ // remove file where all has been uploaded
 	post.removeFiles();
  }
});

Popularity 5/10 Helpfulness 3/10 Language javascript

Source: pqina.nl

Tags: file filepond javascript upload

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

hirohito

0 Answers Avg Quality 2/10

filepond remove file after upload

Contents

More Related Answers

filepond remove file after upload

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.