I've been working on integrating the react filestack plugin with meteor, and I'm running into issues when enabling the security settings to remove uploaded files. To delete a file, I need to utilize
App Secret, policy, signature, apikeyError: security policy and signature are required to removeApp Secret. Any thoughts on what might be causing this issue?
Path: ImageUpload.jsx
import React from 'react';
import PropTypes from 'prop-types';
import ReactFilestack from 'filestack-react';
export default class ImageUpload extends React.Component {
constructor(props) {
super(props);
this.state = {};
this.handleImageUpload = this.handleImageUpload.bind(this);
this.handleDelete = this.handleDelete.bind(this);
}
handleImageUpload(result) {
console.log('Image upload worked');
}
handleDelete() {
console.log("Remove image worked");
}
render() {
const options = {
fromSources: ["local_file_system","webcam","facebook","instagram","dropbox"],
accept: 'image/*',
maxFiles: 1,
transformations: { crop: { force: false } },
storeTo: {
location: 's3',
},
};
const security = {
policy: 'mypolicykey',
signature: 'mysignuture',
handle: 'imagehandle'
};
return (
<div>
<ReactFilestack
apikey={'myapikey'}
buttonText="Upload image"
buttonClass="btn btn-secondary"
options={options}
onSuccess={this.handleImageUpload}
security={security}
/>
<ReactFilestack
apikey={'myapikey'}
buttonText="Delete image"
buttonClass="btn btn-secondary"
options={security}
onSuccess={this.handleDelete}
mode={'remove'}
/>
</div>
);
}
}
Path: settings-dev
{
"public": {
"filepicker":{
"secret": "mysecertapp",
"policy": "mypolicy",
"signature": "mysignature"
}
},
"private": {
},
}