問題タブ [react-dropzone]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 適切にテストする方法 React Dropzone onDrop メソッド
React Dropzoneをテストしており、onDrop 関数を確認する必要があります。この関数には 2 つのパラメーター (acceptedFiles と rejectFiles) があります。私は次のようにファイルをモックしています：
次に、私のテストでは、次のようにします。
これは私の onDrop 関数です:
予想される結果は、handleOnDrop がacceptedFiles を返しますが、rejectedFiles を返し、その理由はわかりません。
MIMEタイプでサイズもOKです。
これは、react-dropzone の関数です。
ありがとう。
reactjs - Reactでは、動的変数をconst CSSスタイルリストに渡す方法は?
ユーザーがプロフィール写真をアップロードできるように、react-dropzoneを使用しています。
カスタム CSS を次のように定義します。
DropZone 入力をレンダリングするメソッド内で、ユーザーがアップロードする画像を選択した後に入力されるファイル プレビューであるかどうかを検出できます。
私がやりたいことは、file.preview が存在する場合、file.preview を dropzoneStyle に送信して、背景画像が CSS に追加されるようにすることです。
files[0].previewReactでスタイルdropzoneStyleに渡すにはどうすればよいですか?
javascript - react-dropzone を使用して複数のドロップをプレビューする
アプリに Dropzone を実装しようとしていますが、写真が複数の入力としてドロップされている場合、写真をプレビューできません。それらを 1 つずつ追加すると問題なく動作しますが、複数選択すると最初の 1 つだけがレンダリングされます。
これは私の onDrop 関数です
これは私のレンダリング方法です：
アップロード数は配列の適切なサイズを示していますが、プレビュー数はドロップされた最初の写真のみをカウントします
javascript - ReactJSで送信した後にドロップゾーンモーダルを空にする方法は?
サーバーとデータベースに既に保存されている場合、ドロップゾーン内のファイルを空にするにはどうすればよいですか? 私の問題は、それを提出したときに、ファイルをドロップゾーンに保持し、モーダルを閉じた状態にさえ維持することです。ドロップゾーンを空にするためのコードを提供できればいいのですが、まったくわからないので、代わりにドロップゾーンとオンサブミットのコードを残します。
onsbumit のコード
ondrop のコード
javascript - アップロードする前にドロップゾーンで File.Name を変更するにはどうすればよいですか
以下のコードには、アップロード/投稿とドキュメント/投稿の2つのコントローラーがあり、秒のためにAPIで転送するときにfile.nameを保存するのに少し問題があります。たとえば、データベースの1つなど、2つが一致しない場合がありますfile20170801053331.jpgアップロードされた写真はそれが原因file20170801053332.jpgで、2つが一致しないため、ファイル名をアップロードコントローラーに転送することを計画していたので、同じになりますが、file.nameは変更できません。