国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現點擊圖片自動提交action的簡單方法

2019-11-20 08:44:31
字體:
來源:轉載
供稿:網友

利用js實現點擊一張圖片,直接上傳到指定的action,方法簡單,一看就會了,只需要用戶點擊圖片一次就可以實現圖片上傳功能。主要用到了onclick,  onchange,  display屬性,代碼可以直接copy用。此代碼適合上傳單張圖片,關于action部分此處沒有,這里只簡紹頁面效果。

html代碼

<form action="p1.html" id="form" ENCTYPE="multipart/form-data" method="post"><input type="file" name="f" style="display:none" id="g" onchange="F_sub()"><img src="2.jpg" onclick="F_Open_dialog()" ></form>

js代碼

<script type="text/javascript">    function F_Open_dialog()     {       document.getElementById("g").click();                }     function F_sub(){    	 var v=document.getElementById("g").value;       if(v=="")return;       else document.getElementById("form").submit();     } </script>

以上就是小編為大家帶來的js實現點擊圖片自動提交action的簡單方法全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 肥西县| 汤原县| 东源县| 横山县| 方正县| 察隅县| 达州市| 孟州市| 黄大仙区| 新巴尔虎左旗| 永新县| 揭东县| 蒙自县| 吉隆县| 浮山县| 偏关县| 阜阳市| 句容市| 肇州县| 海门市| 陇西县| 宜章县| 安国市| 临桂县| 宿松县| 达孜县| 乌恰县| 长宁区| 安吉县| 都昌县| 三穗县| 新乡市| 兴业县| 田阳县| 广州市| 通河县| 民权县| 哈密市| 上杭县| 兴国县| 横峰县|