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

时间:2018-06-11 03:19:18

标签: javascript image save

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

我有HTML,php 5,javascript和jquery1.9。

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

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

Spring-Data-Redis

我需要保存显示在变量“data”AS“sleuthImg.png”中的img src

是的,我知道我需要添加验证。首先,我需要这部分工作。

1 个答案:

答案 0 :(得分:1)

首先,您需要服务器上可以接受文件并存储它们的端点。假设你已经有了这个部分,那么:

nuspec对象获取文件 https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/files

然后创建一个新的dataTransfer https://developer.mozilla.org/en-US/docs/Web/API/FormData

FormData

(其中var formData = new FormData(); formData.append('file', fileFromDataTransfer); formData.append('mime_type', fileFromDataTransfer.type); 是服务器期望的post参数的名称。'file'是另一个表单数据参数,作为示例包含在内)

然后,使用您选择的请求制作库,使用表单数据发出POST请求。

'mime_type'