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 - Highcharts map 未呈现,没有错误

javascript - Vuejs 指令表达式值始终未定义

javascript - 尝试在页面刷新时更改背景图像,遇到问题

html - 电子邮件背景颜色上的背景图像

html - CSS - 创建带有特殊下划线的标题

javascript - 告诉数据表使用自定义按钮进行文件导出

javascript - Iframe 尝试从安全来源与其顶级框架不同的文档调用 getUserMedia

Javascript promise

javascript - 遍历 li 元素

javascript - 从加载了 iFrame 的 jQuery DOMWindow 访问父窗口的 DOM 对象