html フォームでのファイルの选択と同时にアップロード开始（jQuery form plugin）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html フォームでのファイルの选択と同时にアップロード开始（jQuery form plugin）相关的知识，希望对你有一定的参考价值。

$(document).ready(function () {
  $('#file').on('change', function () {
    $('#form').submit();
  });
  $('#form').on('submit', function (e) {
    e.preventDefault();
    $(this).ajaxSubmit();
  });
});
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="http://malsup.github.com/jquery.form.js"></script>
  <script src="script.js"></script>
</head>
<body>
  <form action="upload.php" method="POST" id="form" enctype="multipart/form-data">
    <input id="file" type="file" name="myfile" accept="image/png">
  </form>
</body>
</html>

以上是关于html フォームでのファイルの选択と同时にアップロード开始（jQuery form plugin）的主要内容，如果未能解决你的问题，请参考以下文章

html 阿贾克斯でPHPにファイルをアップロードする

その他トランザクションコード

markdown SCPでファイルダウンロード&アップロード

text 谷歌Chromeでローカルのファイルを読み込み#memo

markdown SHIFT_JIS（CP932）のアップロードファイルを滑轨で読み込む

ruby Macのクリップボードを监视して，设定されたファイル拡张子をwgetで実行フォルダにダウンロード。