2

シンプルなreactJSアプリケーションがあります。このアプリには、Filepond コンポーネントをテストする Web ページがあります。ファイルのアップロード時に Filepond コンポーネントによって呼び出される nodeJs サーバーもあります。Filepond コンポーネントが定義されている場合のコードは次のとおりです。

render() {
     return(....
       <FilePond allowMultiple={false} name='file' acceptedFileTypes='application/pdf' server='http://localhost:80/upload' uploadId=999 />
        ....
     );
}

私は何をしたいですか？1 - 単一の PDF ファイルをアップロードします 2 - ファイルのアップロード時に、uploadId をサーバーに渡します

何が起こっている？=> ファイルはアップロードされますが、そのタイプに関係なく任意のファイルを選択できるため、acceptedFileTypes="application/pdf" は考慮されません

=> uploadId 値を渡す/取得することができません

これらの2点を達成する方法について何か助けはありますか?

この 2 点を除けば、コンポーネントは正常に動作し、ファイルを正しくアップロードできます。

ありがとうございました、

よろしくお願いします

4

1 に答える 1

0

ファイルタイプを検証するためのプラグインを登録しましたか? 例えば：

import { FilePond, registerPlugin } from 'react-filepond';
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';

registerPlugin(FilePondPluginFileValidateType);

class App extends React.Component { ...

インストールとインポートが完了したら、コンポーネントに適切な props があれば、FilePond が残りの作業を行います。

IDに関しては。それで何を達成しようとしていますか？私はノードサーバーへの実装を行っており、ID 実装なしで必要なすべてを行うことができました。

于 2019-04-23T20:28:16.203 に答える