js點擊某個圖標或按鈕彈出文件選擇框

本文轉載自查看原文 2016-09-27 14:10 23292 HTML

<HTML>  
    <head>  
        <script type="text/javascript" src="script/jquery-1.6.2.min.js"></script>  
        <script type='text/javascript'>  
            function selectFile(){  
                //觸發 文件選擇的click事件  
                $("#file").trigger("click");  
  
            //其他code如 alert($("#file").attr("value"))  
            }  
              
            /* 獲取 文件的路徑 ，用於測試*/  
            function getFilePath(){  
                alert($("#file").attr("value"));  
            }  
        </script>  
    </head>  
    <body>  
        <!-- 給這個input 設置樣式隱藏，切忌不可用display控制隱藏,可能不能跨瀏覽器 -->  
        <input type="file" id="file" onchange="getFilePath()"   
            style="filter:alpha(opacity=0);opacity:0;width: 0;height: 0;"/>   
        <button onclick="selectFile();">select file</button>  
        <button onclick="getFilePath()">get FilePath</button>  
    </body>  
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS jQuery 點擊頁面彈出文字 html中用href 實現點擊鏈接彈出文件下載對話框 JS點擊按鈕彈出窗口 js實現點擊按鈕彈出上傳文件的窗口 layui彈出框（點擊按鈕執行方法） EasyUI 對話框彈出文件輸入框點擊按鈕彈出上傳文件的窗口 js點擊彈出網頁彈框 VBA自動點擊IE的瀏覽按鈕、自動選擇路徑、自動關閉打開文件對話框 JS 點擊按鈕后彈出遮罩層，有關閉按鈕