上传文件

上传文件

form表单提交

<form action="url" method="get" enctype="application/x-www-form-urlencoded">
    <input type="text" name="input1" value="123456" />
    <input type="text" name="input2" value="abcdefg" />
    <button type="submit">提交</button>
</form>
  • post请求,则会把name里面的值通过json字符串传入到后台
  • post请求中包含的文件上传enctype=”multipart/form-data”

ajax上传文件

let request = new XMLHttpRequest();
request.addEventListener("readystatechange", function(evnent) {
  // 这里要做判断
});
request.open("post", "url");
let formdata = new FormData(); // 创建formData
let inputs = document.getElementsByTagName("input");
for (let i = 0; i < inputs.length; i++) {
  let input = inputs[i];
  if (input.type === "file") {
    formdata.append("file", input.files[0]);
  } else {
    // 假如input的类型都是text
    formdata.append(input.name, input.value);
  }
}
// send()会自动设置Content-Type头
request.send(formdata);

  转载请注明: 迷一样的自信 上传文件

 上一篇
跨域请求 跨域请求
跨域请求产生原因  同源策略:是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现   同源:指代域名(www.wi
2018-04-29
下一篇 
请求头、响应 请求头、响应
请求头、响应请求头的参数的详情 Accept:浏览器端可以接受的媒体类型 Accept: text/html 代表浏览器可以接受服务器回发的类型为 text/html 也就是我们常说的html文档,如果服务器无法返回text/html类型
2018-04-25
  目录