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("提交成功！")
                  }
              }
          })
          
      })