5

フォーム送信に「ドラッグアンドドロップ」ファイルを含めることは可能ですか？非同期でアップロードするためのオプションはたくさんあります。

ファイルデータをキャプチャしてフォームフィールドに含めることは可能ですか？

私はサーバーとしてRailsを使用しているので、理想的には画像のデータは次のような形式に収まります。

<form multipart='multipart' >
  <select name='files[type_id]'>
     ...
     ...
  </select>
  <!-- FILE DATA ?  -->
  <div id="file_drop_spot">

  </div>

</form>
4

1 に答える 1

0

私はそれでこの問題を見つけました：ファイルを標準のhtmlファイル入力にドラッグドロップします

可能だとは思いませんが、効果を達成することはできます。フォームを送信するときは、デフォルトの動作を防ぎ、ajax を使用してファイルのアップロードを開始します。ファイルのアップロードが完了したら、デフォルトの動作を妨げずに、フォームを再度指定して送信します。

何かのようなもの：

<form id="form">
     <input type="text" name="someText"></input>
     <input id="submitButton" type="submit" onclick="uploadFile()"></input>
</form>

そして、JavaScript：

function uploadFile() {

    document.getElementById("submitButton").disabled = true;
    // Some ajax code to upload the file and then on the success:
    success: function() {

        document.getElementById("form").submit();

    }
    return false; // Prevent the form from submitting

}
于 2012-09-01T17:19:49.753 に答える