Filestack with Meteor 删除文件安全错误
Filestack with Meteor remove file security error
我正在尝试让 React filestack 插件与 meteor 一起工作,但当我打开安全设置以便删除已上传的文件时遇到了问题。我需要使用 App Secret, policy, signature, apikey
删除文件的 4 件事。我收到一个错误 Error: security policy and signature are required to remove
,我收到另一个要求 App Secret
的错误。知道我做错了什么。
路径: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>
);
}
}
路径:settings-dev
{
"public": {
"filepicker":{
"secret": "mysecertapp",
"policy": "mypolicy",
"signature": "mysignature"
}
},
"private": {
},
}
在您删除的地方,您没有通过安全或签名:
<ReactFilestack
apikey={'myapikey'}
buttonText="Delete image"
buttonClass="btn btn-secondary"
options={security}
onSuccess={this.handleDelete}
mode={'remove'}
/>
事实上你有一个 options={security}
我很确定是错误的
我正在尝试让 React filestack 插件与 meteor 一起工作,但当我打开安全设置以便删除已上传的文件时遇到了问题。我需要使用 App Secret, policy, signature, apikey
删除文件的 4 件事。我收到一个错误 Error: security policy and signature are required to remove
,我收到另一个要求 App Secret
的错误。知道我做错了什么。
路径: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>
);
}
}
路径:settings-dev
{
"public": {
"filepicker":{
"secret": "mysecertapp",
"policy": "mypolicy",
"signature": "mysignature"
}
},
"private": {
},
}
在您删除的地方,您没有通过安全或签名:
<ReactFilestack
apikey={'myapikey'}
buttonText="Delete image"
buttonClass="btn btn-secondary"
options={security}
onSuccess={this.handleDelete}
mode={'remove'}
/>
事实上你有一个 options={security}
我很确定是错误的