如何在HTML中创建弹出窗口（模式对话框）

Question

在我的网站上有一个页面，用户可以在那里提问。 现在，我要添加“添加图像”按钮，该按钮必须调用一种模式对话框，在该对话框中，用户需要从计算机上载图片。 然后关闭窗口，并将指向图像的链接放回发布。

我想在SO https://stackoverflow.com/questions/ask中做类似的事情-尝试按“图像”按钮，您会看到弹出的漂亮弹出窗口。

请提出实现这些东西的最佳方法。 我要的是代码片段，而不是技术方面的片段

Answer 1

一旦开始http://jqueryui.com/demos/dialog/#modal-form，这可能会对您有所帮助。 否则，您可以使用DOM结构并使用appendChild和CreateElement创建每个元素，并使用css使其外观漂亮。

Answer 2

您可以使用任何jQuery库（例如colorbox）来执行该弹出窗口。 对于图像上传，您将不得不另选一些基于Flash或基于Java的上传。

http://colorpowered.com/colorbox/core/example1/index.html http://swfupload.org/

Answer 3

像喝水一样容易;）

使用jquery创建弹出窗口...像这样（ http://fancybox.net/ ），然后添加要弹出的表单以上传图片...然后，当上传的文件仅将绝对地址返回给父编辑器时...现在，您可以显示你的形象;）

Answer 4

您将需要客户端脚本。 我建议学习Javascript，然后是Jquery，然后是Jquery UI。 如果您知道php，则应该不难掌握基础知识。