ID上的文件模式弹出窗口单击

时间:2014-07-31 12:37:25

标签: javascript jquery

刚刚提出一些建议。

我在点击图片后尝试弹出文件模式对话框。出于某种原因,在我的浏览器(IE,FF,Chrome)中,它似乎不起作用。

我已经尝试了它,它似乎工作,所以不确定我做错了什么。

这就是我在表格中所拥有的:

<input type='file' name='photo' id='pu' class='photoupload'>
<img src='http://placehold.it/150x150' id='photo' alt='Image unavailable for $fn $ln' title='Image unavailable for $fn $ln'/>

这就是我在剧本中所拥有的:

$('#np').on('click', function()
    {
        $('#pu').click();
        console.log('Hit');
    });

我在document.ready函数之后尝试过,我也尝试过使用window.load函数

两次都会记录到控制台,但由于某种原因它不会弹出文件模式对话框。就像我说的那样,我在小提琴中试过它,它似乎在起作用。我也试过从其他小提琴中复制它,它只是不想在浏览器中工作。

我缺少一些简单的东西吗?

我的jQuery版本是1.9.0,迁移插件1.2.1也是。

我无法理解。

提前致谢

1 个答案:

答案 0 :(得分:1)

试试这个。

$('#photo').on('click', function()    {
    $('#pu').click();      
});

Demo