从服务器上的图像 URL 保存图像 [关闭]

Question

我使用 jQuery 将剪贴板中的图像粘贴到 Web 表单上。 如何将特定图像保存在服务器上的特定文件夹中？

我可以设法将粘贴的图像 URL 保存在隐藏字段中，并且我正在后面的代码中获取图像 URL。这就是我所拥有的。

blob: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>