• html备忘录


     上传文件


    <form action="/ajax/" method="post" enctype="multipart/form-data"> 用户名:<input type="text" name="user"> 文件:<input type="file" name="files"> <input type="submit" value="提交"> </form>

    上传文件ajax上传

    <h4>4 Ajax形式的文件上传</h4>
    
    <div>
        姓名<input type="text" id="user">
        文件<input type="file" name="file_obj" id="file">
        <input type="button" class="filebtn" value="提交">
        <p class="msg"></p>
    </div>
     // 发送文件 
          $(".filebtn").click(function () {
    
    
              var formdata=new FormData();
              formdata.append("file_obj",$("#file")[0].files[0]);
              formdata.append("user",$("#user").val());
    
              $.ajax({
                  url:"/file_put/",
                  type:"post",
    
                  // Ajax上传文件必备参数
                  processData: false ,    // 不处理数据
                  contentType: false,    // 不设置内容类型
    
                  data:formdata,
                  success:function (response) {
                      console.log(response);
                      if (response=="OK"){
                          $(".msg").html("提交成功!")
                      }
                  }
              })
              
          })
  • 相关阅读:
    JS中的事件
    页面中图标的使用
    关于git,你需要知道一点命令
    H5一二事
    对js中Function的浅见
    浅谈JS中的继承
    关于JS变量提升的一些坑
    java自旋锁
    vue数据绑定原理
    JavaScript中的设计模式:状态模式
  • 原文地址:https://www.cnblogs.com/ls1997/p/10993219.html
Copyright © 2020-2023  润新知