使用XHR将图像发送到在线存储/数据库

Sending an image to a online storage/database using XHR

本文关键字：在线 存储 数据库 XHR 图像 使用      更新时间：2023-09-26

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

我有一个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>

我的问题是关于如何/在哪里发送它(我把什么作为路径)?存储图像的最佳方法是什么?

我的网页是使用github作为主机(如果这是相关的任何方式)。

不幸的是，这并不容易。正如你所说，你需要访问某种形式的存储，和GitHub页面(我想这就是你使用)不提供。根据您的需要，我认为有两种方法:

  • 如果您只需要为上传它的用户存储图像，您可以使用localstorage直接将其保存在他的浏览器中。
  • 如果你需要访问所有用户的图片，你可以使用第三方存储提供商的javascript API，比如Google Cloud storage。这是一个可以让你开始的例子。
相关文章：