这篇博客介绍了如何利用jQuery实现页面上双击添加图片的功能。通过HTML布局结合Bootstrap框架，设置input[type=file]的accept属性进行文件类型限制。在jQuery代码中，通过双击事件绑定触发文件选择，并使用FileReader对象读取文件内容，通过正则表达式验证文件类型，最后将符合条件的图片转换为URL并显示。
一、视图中HTML代码的布局：
利用Bootstrap框架搭建出来的样式，
accept=”image/jpg,image/jpeg,image/png,image/gif,image/bmp”：制作正则表达式，
image/jpg,image/jpeg,image/png,image/gif,image/bmp:判断传出进来的规格，符合正则的就显示，不符合的就不能传进来；
img标签中的类img-thumbnail是引导图片缩图的一个类；
justify-content-center：Bootstrap框架中的一个类名，作用是居于内容的中间；
hidden：隐藏；
<input> 标签的 type="file" 属性规定了应该把输入作为文件来处理。
二、页面效果&#
最低0.47元/天 解锁文章
扫一扫
8229
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
