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

  • 相关阅读:
    自己常用的数据库操作语句
    我被SQL注入撞了一下腰
    分页
    reset.css
    创建对象的多种方式
    js 数组去重
    学习JS防抖【节流】
    localStorage.js
    vue 项目移动端使用淘宝自适应插件 环境配置
    Vue项目搭建
  • 原文地址:https://www.cnblogs.com/SunShineM/p/7568656.html
Copyright © 2011-2022 走看看