NewsItems (投稿のようなもの) を保存するための form_for が 1 つあります。各ニュース項目には、1 つのカバー画像、タイトル、短いテキストが含まれている必要があります。画像は、フォームが入力される前にプレビューとして表示され、画像のアップロードの進行状況を示すローダーが必要です。プレビューと進行状況バーには、Jquery ファイル アップローダーを使用します。
ネストされたフォームを使用しようとしましたが、jquery ファイル アップローダは、画像が読み込まれ、テキスト フィールドがまだ空のときにフォーム全体を送信します。送信を押すとフォームが送信されますが、今回は画像がありません。
ニュース項目テーブルに、名前の画像を含む列を追加しました。また、非表示のファイル :image と、それが存在しなければならないという検証を追加しました。jquery ファイルのアップロードが完了すると、画像タグに画像が追加され、非表示フィールドに画像の base64 コードが :image という名前で追加されます。
問題は解決したように見えますが、ターミナルに大きな base64 コードが表示され、より良い方法があるようです。
jqueryファイルのアップロードで自動送信を無効にする方法、またはアップロードの進行状況とパラメータにbase64コードなしでプレビュー画像を表示する方法を知っていますか?
前もって感謝します！