获取输入图像类型选择的图片并加载到图像标签中答案

【问题标题】：taking an input img type selected picture and load into an image tag获取输入图像类型选择的图片并加载到图像标签中
【发布时间】：2012-06-24 04:51:05
【问题描述】：

所以，我有一个用于上传 img 文件的输入框。我想要做的是从该（或选定的源）获取数据并将其路由到图像标签的 src 属性中。

它有点像客户端验证器，用于显示用户将要上传的内容。我知道我需要检查有效 img 类型的扩展名，.png、.bmp、.png、.tiff 等。

我将如何进行链接过程？

【问题讨论】：

【解决方案1】：

这是答案，作为额外的奖励，我将图像加载到预览窗格中。关键是在更改时从文件选择器中拉出files[0] 对象。

【讨论】：

我相信你的速度的正确短语是......像老板。
这适用于匿名函数。我如何使它与定义的功能一起使用？我的意思是，而不是 function(){...} 之类的东西 function test (){...} 然后 $tag.on("change", test());我在考虑这个，因为我想一遍又一遍地重用它，而不是将 1 时间实例应用于按钮。我试图撕掉内容并放入函数中，但似乎“this”不再适用。我应该做类似的事情： .on("change",test(this));然后函数 test(input){...} ？旁注：我认为这种方法也不起作用。
或者，你能告诉我这是指什么，以便我自己接线。
哦，嘿，对不起，我没有像我应该的那样经常回来。我更新了示例以执行您所要求的操作-如果对此有任何困惑，请告诉我！对我来说，扩展 jquery 以添加此方法是最优雅的，但也可以通过将 jquery 对象作为参数传递来使用直接函数来完成。 jsfiddle.net/TbZzH/8 - 在尝试实施之前，请确保您了解这里发生了什么！