zoukankan      html  css  js  c++  java
  • 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("提交成功!")
                      }
                  }
              })
              
          })
  • 相关阅读:
    Vim+Vundle+YouCompleteMe 安装
    TortoiseSVN 的分支合并操作
    JSP数据交互一
    Jquery操作DOM
    Jquery
    JQuery选择器
    第五章初始JQuery
    JavaScript对象及初识面向对象
    JavaScript第三章操作DOM
    JavaScript第二章操作BOM
  • 原文地址:https://www.cnblogs.com/ls1997/p/10993219.html
Copyright © 2011-2022 走看看