Javascript 从硬盘上传图像&;将其插入短信

Javascript 从硬盘上传图像&;将其插入短信,javascript,jquery,jsp,mongodb,Javascript,Jquery,Jsp,Mongodb,我想知道如何通过类比来实现stackoverflow的“提问”页面上的功能。我的目的:我有一个文本区域来输入信息,上面有一个按钮“添加图像”。单击该按钮,我会看到带有“从硬盘选择文件”按钮的对话框。然后,我选择一个具有适当扩展名的图像,并将该图像插入到消息中。然后我发布消息,图像被视为文本中的图像。 那么图像是如何存储在数据库中的? 制作这种东西的最佳方法是什么? 提前感谢。 另外,我所有的信息都应该存储在MongoDB中。我的视图是JSP页面。创建一个文件夹,例如命名用户上传文件并将图像文件名

我想知道如何通过类比来实现stackoverflow的“提问”页面上的功能。我的目的:我有一个文本区域来输入信息,上面有一个按钮“添加图像”。单击该按钮,我会看到带有“从硬盘选择文件”按钮的对话框。然后,我选择一个具有适当扩展名的图像,并将该图像插入到消息中。然后我发布消息,图像被视为文本中的图像。
那么图像是如何存储在数据库中的?
制作这种东西的最佳方法是什么?
提前感谢。

另外,我所有的信息都应该存储在MongoDB中。我的视图是JSP页面。

创建一个文件夹,例如命名<代码>用户上传文件并将图像文件名存储在数据库中。您已经知道我们上载文件的路径,因此无需在DB中存储路径。当需要显示时,从数据库中获取文件名并附加路径以显示该文件。

基本上有3个步骤:

  • 选择图像并通过HTML5二进制上载或iFrame上载程序将其上载到服务器
  • 服务器接收并处理图像后,将图像路径返回浏览器
  • 在你的公式或其他地方显示图像-现在你应该有图像url了