Javascript 如何将拖放图像保存到服务器?

Javascript 如何将拖放图像保存到服务器?,javascript,image,save,Javascript,Image,Save,首先是背景。 所有东西都在公司防火墙后面,因此没有显示实时版本,也没有访问nodeJS或许多库之类的漂亮工具 我有HTML、PHP5、javascript和jquery1.9 我有一个包含大量数据的web窗口。我希望用户能够将一张名为“侦探图像”的图片放入一个框中,显示该框,并将该图像保存在我服务器上的一个特殊位置。sleuth映像是在不同的内部服务器上动态生成的图形,我对其他部门没有任何特权。虽然它可以被命名为任何名称,但我想用一个特定的名称保存它,以便它在以后重新加载此数据的web窗口时正确

首先是背景。 所有东西都在公司防火墙后面,因此没有显示实时版本,也没有访问nodeJS或许多库之类的漂亮工具

我有HTML、PHP5、javascript和jquery1.9

我有一个包含大量数据的web窗口。我希望用户能够将一张名为“侦探图像”的图片放入一个框中,显示该框,并将该图像保存在我服务器上的一个特殊位置。sleuth映像是在不同的内部服务器上动态生成的图形,我对其他部门没有任何特权。虽然它可以被命名为任何名称,但我想用一个特定的名称保存它,以便它在以后重新加载此数据的web窗口时正确显示

我有一个javascript函数,它允许他们删除图像并显示它。我只需要它将图像保存到.png

函数drop\u handlerevent{ //这是将侦探图像拖到OOC上的部分功能 //阻止默认行为阻止打开文件 违约事件; var items=event.dataTransfer.items; 对于变量i=0;i} 首先,您需要在服务器上有一个端点,该端点可以接受并存储文件。假设您已经拥有该部件,那么:

从dataTransfer对象获取文件

然后创建一个新的FormData

其中“file”是服务器所需的post参数的名称mime_type'是作为示例包含的另一个表单数据参数

然后,使用您选择的请求生成库,使用表单数据生成POST请求

post('your/upload/endpoint', formData);

谢谢你的回复。虽然这是一个合理的建议,但由于进一步的复杂性,它并不能解决我的特殊问题。我将检查它是否已解决,并从另一个角度处理这个问题。
post('your/upload/endpoint', formData);