使用javascript上传没有表单的图片?

时间:2015-02-10 14:54:08

标签: javascript html web

我正在寻找最简化的上传图片方式,将其插入用户正在输入的文字中。

因此,当用户输入textarea时,我希望他能够单击一个图标,该图标将打开浏览器的文件浏览对话框。选择图像后,我希望它自动上传,并在文本字段中插入网址。

不幸的是,我真的不知道如何解决这个问题。

一个想法是使用隐藏文件输入字段并使用js“点击”它。但是,如果在不需要额外提交按钮的情况下选择图像后如何提交隐藏的表单?

编辑:当然我想使用ajax将其归档。服务器端应该很简单,因为它只接收数据并返回URL。我需要知道的是如何触发文件浏览器对话框,然后在用户按下“打开”时触发ajax请求。

1 个答案:

答案 0 :(得分:1)

如果您想在内嵌用户的位置显示图片,那将会更加困难,因为您需要模拟的文本框实际上只是一个div #39;允许用户编辑。我这样说是因为你无法将图像渲染成文本输入或textarea属性。

如果这是您想要的,那么您可能需要HTML5爱好浏览器,因为contenteditable将成为您想要在那里玩的属性。

取决于您的时间限制,为简单起见;我建议有这样的系统有预览的地方。您可以将样式表单看作是他们单击的按钮。 <input type="file"/>将为您提供所需的所有浏览功能,您可以在此处将提交操作附加到输入的onchange事件以将信息发送到后端。