2013-05-21 121 views
-1

我用jQuery将图像从剪贴板粘贴到Web窗体上。 如何将特定图像保存在特定文件夹的服务器上?从服务器上的图像URL保存图像

我可以设法在隐藏字段中保存粘贴的图片网址,我在后面的代码中获取图片网址。这是我的。

斑点:HTTP%3A //本地主机%3A58279/23b47755-bd44-44d0-9ca5-4177d7cc1dd3

这里是你可以去,并尝试从剪贴板粘贴图像。 Link

+0

“我使用jQuery将剪贴板中的图像粘贴到网页上。”通过web表单,你的意思是服务器端的ASP.NET技术,还是HTML

元素?两者都没有意义。您是否正在粘贴HTML5画布,Flash插件或其他内容? – mbeckish

+0

检查http://patientregistration.azurewebsites.net/default2.aspx –

+0

您可以在页面上粘贴来自剪贴板的图像。你试一试。 –

回答

2

服务器端:

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> 
+0

您没有正确阅读该问题。请求中没有文件。文件... –

+0

然后在不工作时使用jQuery并使用纯JS + HTML代替 –