javascript - 以输入图像类型选择图片并加载到图像标签中

标签 javascript jquery html file-upload image

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

是这样的: http://jsfiddle.net/QC2c4/

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

我将如何进行链接过程?

最佳答案

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

http://jsfiddle.net/TbZzH/1/

关于javascript - 以输入图像类型选择图片并加载到图像标签中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11146874/

相关文章:

javascript - Google map 标记指向右侧

javascript .on() 函数不工作

html - ng-show/ng-hide 在 safari 中导致元素宽度为 0,高度为 0

html - float Bootstrap 列

javascript - 如何在 javascript 中为新添加的 div 指定另一个宽度

javascript - 三个 : PlaneGeometry load texture to specific faces

javascript - 在 JavaScript 中打开文件对话框

javascript - 使用 Vue JS 和 for 循环设置事件状态

javascript - 用 data.replace 删除所有图像?

javascript - 汉堡侧边栏 - 隐藏点击之外