form表單提交文件(圖片/視頻),提交成功后留在當前頁面並返回回調函數


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="jquery.js"></script>
<script src="jquery.form.js"></script>
</head>
<body>
  <form id="myform" method="post" enctype="multipart/form-data" action="http://192.168.0.114:8080/libomo-web/web/tVideoUpload/up.do">
    <!-- capture表示,可以捕獲到系統默認的設備,比如:camera--照相機;camcorder--攝像機;microphone--錄音。
  accept表示,直接打開系統文件目錄。 -->
      <!-- <input type="file" accept="video/*" name="filename" capture="camcorder"> -->
      <input id="fileBtn" type="file" accept="video/*" name="filename">
      <button>提交</button>
    </form>

  <script>
  $(function(){
      $("#myform").ajaxForm({
          //定義返回JSON數據,還包括xml和script格式
          dataType:'json',
          beforeSend: function() {
              //表單提交前做表單驗證
          },
          success: function(data) {
              //提交成功后調用
              alert(data.data.url);
          }
      });
  });

  </script>
</body>
</html>

必須引入jquery.form.js,可以自行下載或去我的GitHub上下載  https://github.com/zlmhs/form


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM