javascript - 从post 请求发送图像

Question

我有一个 img，我需要将其发送到 post 请求

我的图片是 document.getElementById('fotoTirada').src=AppMobi.camera.getPictureURL(evt.filename);;

这里是请求中的信息

网址：http
://api.ocrapiservice.com/1.0/rest/ocr 方法：POST
请求参数：
图像：jpeg
语言：字符串
键：字符串

我该怎么做这个请求？

Answer 1

好吧，你可以这样做：

1. 在画布中绘制图像并将其转换为 base64。请参阅：如何使用 javascript 将图像转换为 base64 字符串。

2. 在隐藏的输入值中设置 base64：document.getElementById("input-id").setAttribute('value', base64Img);

3. 使用表单、jquery 或简单的 javacsript 发送它。在表单方法中，用户必须按下提交按钮。或者你可以使用document.getElementById("form-id").submit();

这是表格：

<form method="post" action="upload.do" id="form-id">
  <input type="hidden" name="base64" id="input-id"/>
  <input type="submit"/>
</form>

现在您的upload.do方法必须将图像从 base64 转换回来。

Answer 2

您无法使用此方法从网页上传文件。如果可能的话，您可以在用户文件进入您的网页时开始获取它们。

src 参数只是图像的 url，而不是图像的数据。

正如我想象的那样，图像位于客户端本地驱动器上，您可以使用 a<input type="file">并尝试用 Java Script 填充它，尽管我认为不可能以这种方式更改它，因为这也会带来安全风险，但您可以尝试。