使用html5 / ajax / javascript上传/发布文件，而不使用表单和<input type=file>

Question

我需要在不使用表单甚至标签的情况下将文件上传到服务器中。

原因是因为我正在为移动设备使用Web应用程序，并且文件部分是通过集成的Gallery应用程序完成的。 它仅向我返回设备文件系统上图片的路径。

我认为可以通过读取文件内容，将其放入blob并使用FormData对象来完成此操作？ 就像是 ：

var oMyForm = new FormData();

oMyForm.append("id", "foo");
oMyForm.append("user", "bar");

var oFileBody = someFileReadingFunction("/path/to/picture"); // I think this should be some custom javascript call specific from the device.
var oBlob = new Blob([oFileBody], { type: "image/jpg"});

oMyForm.append("mypicture", oBlob);

var oReq = new XMLHttpRequest();
oReq.open("POST", "http://foo.com/submitform.php");
oReq.send(oMyForm);

我是对的还是我看错了方向？

最好的祝福

Answer 1

对于从设备存储中读取图片的部分，您可能必须使用Tizen本机代码来完成。 您可以在这里阅读有关Tizen Web和Tizen Native之间的通信的信息：

从Web调用Native

从本地调用网络

有一个示例可以帮助您理解如何以两种方式处理此通信。