使用 XHR 将图像发送到在线 storage/database

Question

我在这里浏览过一些类似的帖子，但似乎找不到我需要的东西。

我有一个 Web 应用程序（HTML5 和 Javascript），它具有拍照功能，我需要它然后将其发送到某种形式的存储或数据库（最好是 . json)。我对 Web 开发还很陌生，所以我不太熟悉它的工作原理。

到目前为止，我有以下代码，它拍摄照片并使用 XHR 发送它。

<input id="objPic" type="file" accept="image/*" capture="camera">
<script>
 var newImage = document.getElementById('objPic');
    function sendPic()
 {
  var file = fileInput.files[0];
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload/path', true);
  xhr.send(file);
 }
    myInput.addEventListener('change', sendPic, false);
</script>

我的问题是关于how/where发送它（我把什么作为路径）？存储图像的最佳方式是什么？

我的网页使用 github 作为主机（如果这在任何方面都相关的话）。

Answer 1

不幸的是，这并不容易。正如您所说，您需要访问某种形式的存储，而 GitHub 页面（我想这就是您使用的）不提供。根据您的需要，我看到了两种前进方式：

如果您只需要为上传图片的用户存储图片，您可以save it directly in his browser using localstorage。
如果您需要访问所有用户的图像，您可以使用 javascript API 的第三方存储提供商，例如 Google Cloud Storage。 This is an example 可以帮助您入门。

使用 XHR 将图像发送到在线 storage/database

Sending an image to a online storage/database using XHR

html

javascript

json

image-uploading