form表单提交文件（图片/视频），提交成功后留在当前页面并返回回调函数

本文转载自查看原文 2017-09-21 15:00 1051

<!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删除。

猜您在找 织梦DedeCMS自定义表单提交成功后返回当前页面的教程 form表单文件上传提交且接口回调显示提交成功 dedecms自定义表单提交成功如何返回当前页面通过jquery实现form表单提交后不跳转页面，保留当前页面怎么实现form表单提交后不重新刷新当前页面 form表单提交且接口回调显示提交成功 form表单提交回调函数 form表单提交回调函数 layui 弹出框，关闭后刷新，并且停留在当前页面 HttpPostedFile 获取当前页面提交的文件