• 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

  • 相关阅读:
    JavaScript完整总结
    vue引入iframe的父子页面的数据传递
    随笔开发中笔记
    关于表格(table)的操作
    es6--6.字符串相关
    ES6--5.数组4个新增方法
    ES6--4.解构赋值
    sublime 远程连接服务器编辑
    ajaxSubmit
    修改 debian 时区
  • 原文地址:https://www.cnblogs.com/SunShineM/p/7568656.html
Copyright © 2020-2023  润新知