zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    4月24日 PHP基础
    4月22日 常用函数
    4月22日 练习题
    PHP正则数组
    PHP基础函数应用
    数据库SQL语句
    高级查询
    mysql
    CSS样式表
    词汇
  • 原文地址:https://www.cnblogs.com/SunShineM/p/7568656.html
Copyright © 2011-2022 走看看