pqina/svelte-filepond

Example of svelte filepond presigned url

obikay200 opened this issue · 1 comments

HI

I have been tryng to get a working model together to request a unique url for each file item to upload to S3.

<script>
import FilePond from 'svelte-filepond';


// a reference to the component, used to call FilePond methods
// for example `pond.getFiles()` will return the active files
let pond;

// the name to use for the internal file input
let name = 'filepond';

// handle filepond events
function handleInit() {
	console.log('FilePond has initialised');
}

function handleAddFile(err, fileItem) {
	console.log('A file has been added', fileItem.filename);
}

function handleProcessFileStart(fileItem) {
    console.log(fileItem)
    console.log(fileItem.filename)
    pond.server = 'http://192.168.0.100',
    console.log('uploading to: ', pond.server)
    
}
</script>

<div class="uploader">

		<FilePond bind:this={pond} {name}
			server="upload_url_not_set"
			allowMultiple={true}
			oninit={handleInit}
			onaddfile={handleAddFile}
			onprocessfilestart={handleProcessFileStart}
			allowProcess={true}
			credits={false}
			instantUpload={false}
		/>
</div>

from the code above im trying to set the server upload for each item, with a default of upload_url_not_set, but the value is not overriding the default

Are you able to provide an example of how to do this?

Thanks

As requested in the issue template, please ask questions on Stack Overflow and tag them with "filepond"