브라우저에서 파일을 업로드하고 하드 드라이브에 다시 저장하십시오.

Question

이것은 무의미한 것처럼 보일 수 있지만 JavaScript로 코딩하는 방법은 무엇입니까? 내 PC에서 브라우저로 이미지를 업로드 한 다음 다시 저장하고 싶습니다. 다른 위치에있는 PC.

Answer 1

당신은 <input type="file"> 요소 change 이벤트, URL.createObjectURL(), <a> 요소 download 속성을 사용할 수 있습니다

<input type="file" /> 
 
<script> 
 
    document.querySelector("input[type=file]") 
 
    .addEventListener("change", function(e) { 
 
     var a = document.createElement("a"); 
 
     a.href = URL.createObjectURL(e.target.files[0]); 
 
     a.download = e.target.files[0].name; 
 
     document.body.appendChild(a); 
 
     a.click(); 
 
     document.body.removeChild(a); 
 
    }) 
 
</script>