首页 > 解决方案 > 未能加载资源服务器以 405 状态响应(不允许方法)

问题描述

我写了一个代码来加载一个文件,但我得到了以下错误未能加载资源服务器以 405 状态响应(不允许方法)

HTML

<body >
<form action="" id="uploadform">
  <input type="file" name="file" id="file">
  <input type="submit" value="upload">
</form>
<div class="progress_bar">
  <div class="progress" id="progress">
    <span class="counter" id="counter">25%</span>
  </div>

</div>
 <script src="js/script.js" ></script>
 </body>

JS

let uploadform=document.getElementById("uploadform");
let file=document.getElementById("file");
let progress=document.getElementById("progress");
let counter=document.getElementById("counter");
uploadform.addEventListener("submit",function(e){
  e.preventDefault();
  let xhr=new XMLHttpRequest();
  xhr.open("post","uploadfile.php");
  xhr.upload.addEventListener("progress",function(e)
  {
   
    if(e.lengthComputable)
    {
      let percentage=e.loaded /e.total *100;
      progress.style.width=percentage + "%";
      counter.innerHTML=percentage + "%";
    }
  })
  xhr.setRequestHeader("Content-Type","multipart/form-data");
  xhr.send(new FormData(uploadform));
})

PHP

<?php
move_uploaded_file($_FILES['file']['tmp_name'],
"images/" . $_FILES['file']['name']);

标签: javascriptphphtml

解决方案


推荐阅读