当前位置:Gxlcms > PHP教程 > javascript-点击一个图片弹出文件选择进行上传,怎么做?

javascript-点击一个图片弹出文件选择进行上传,怎么做?

时间:2021-07-01 10:21:17 帮助过:3人阅读

    

有这样一个图片,我想实现的是,当点击这个图片的时候,实现自动弹出的动作,弹出文件选择框,选完直接上传。

  1. 用纯js和html怎么实现?

  2. 用html和jquery怎么实现?

回复内容:

    

有这样一个图片,我想实现的是,当点击这个图片的时候,实现自动弹出的动作,弹出文件选择框,选完直接上传。

  1. 用纯js和html怎么实现?

  2. 用html和jquery怎么实现?

1、html+css实现

   


    
    Demo
    


    
        
        
    



demo:https://jsfiddle.net/dwqs/kL2xwbgm/embedded/result/

2、html+js(jq)

    


    
    Demo
    


    
        
        
    



demo:https://jsfiddle.net/dwqs/ckfs1zg5/embedded/result/

在IE、FF、GG现代浏览器测试过

人气教程排行