如何将输入图像文件传递到另一个输入？

Question

我正在对输入文件进行图像处理并对其进行识别。但是在应用识别之前，我想显示作为输入的图像。

当前，我正在同一输入标签中进行显示和识别，但我想将这些标签分开，以便可以轻松应用样式。

<div>
<input type="file" onchange="readURL(this); recognizeFile(window.lastFile=this.files[0])">

<img id="blah" src="#"/>
</div>

HTML - Display image after selecting filename

我希望作为输入的图像显示在页面左侧，而识别的文本显示在右侧。 但是，它会在输入图像下方显示可识别的文本。

Answer 1

根据您想要的声音，这是一个简单的样式问题，请使用CSS。

CSS代码>>> l1 = [1,2,3] >>> l2 = [4] >>> l1 + l2, l1, l2 ([1,2,3,4], [1,2,3], [4]) >>> l1.extend(l2), l1, l2 (None, [1,2,3,4], [4]) 将使各项彼此相邻，而不是上下。 修改您的代码以使其匹配，如下所示：

display: inline-block

我建议您研究一下CSS，这有点棘手，尽管它并非不可能，但乍一看它的行为似乎很奇怪。最好的帮助将是互联网搜索（个人W3Schools是一个不错的选择）和Chrome DevTools。

---

我已根据您的答案linked改编，并假设您的代码与其答案相同。

为将来提供参考，在您的问题中，请包括您拥有的代码，想要发生的事情以及问题所在。您在第一个问题上做得很好，但是如果您不理解，请略过this。