서버의 이미지 URL에서 이미지 저장

Question

jQuery를 사용하여 웹 양식의 클립 보드에서 이미지를 붙여 넣습니다. 어떻게 특정 이미지를 특정 폴더의 서버에 저장할 수 있습니까?

숨겨진 필드에 붙여 넣은 이미지 URL을 관리 할 수 ​​있으며 이미지 URL이 코드 뒤에 표시됩니다. 여기에 내가 가진 것이있다.

방울 : HTTP % 3A // localhost를 % 3A58279/23b47755-bd44-44d0-9ca5-4177d7cc1dd3

다음

당신이 이동하고 클립 보드에서 이미지를 붙여 시도 할 수있다. Link

Answer 1

서버 측 :

Request.Files["field name"].SaveAs(Server.MapPath("~/directory/file.name")); 

클라이언트 사이드 - 인 ECMAScript :

var dropTarget = document.getElementById('dropTarget'); 
dropTarget.addEventListener('drop', makeDrop, false); 

function makeDrop(event) { 
    var filelist = event.dataTransfer.files; 
    if (!filelist) return; 
    for (var i = 0; i < filelist.length; i++) { 
     var file = filelist[i]; 
     uploadFile(file); 
    } 
} 

function uploadFile(file) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('POST', '/api.ashx', true); 
    xhr.onload = function() { 
     if (xhr.status == 200) { 
     } 
    }; 
    xhr.setRequestHeader("X-File-Name", file.name); 
    xhr.send(file); 
} 

클라이언트 측 - HTML :

<div id="dropTarget"></div>