js实现点击图片自动提交action的简单方法
2016-10-16 00:00
696 查看
利用js实现点击一张图片,直接上传到指定的action,方法简单,一看就会了,只需要用户点击图片一次就可以实现图片上传功能。主要用到了onclick, onchange, display属性,代码可以直接copy用。此代码适合上传单张图片,关于action部分此处没有,这里只简绍页面效果。
html代码
js代码
以上就是小编为大家带来的js实现点击图片自动提交action的简单方法全部内容了,希望大家多多支持脚本之家~
js实现点击左右按钮轮播图片效果实例
js实现图片点击左右轮播
js鼠标点击图片实现随机变换图片的方法
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的简单方法全部内容了,希望大家多多支持脚本之家~
您可能感兴趣的文章:
js实现表单多按钮提交action的处理方法js实现点击左右按钮轮播图片效果实例
js实现图片点击左右轮播
js鼠标点击图片实现随机变换图片的方法
相关文章推荐
- js实现点击图片自动提交action的简单方法
- js实现点击图片自动提交action
- 利用JS实现点击按钮后图片自动切换的简单方法
- 利用JS实现点击按钮后图片自动切换的简单方法
- js鼠标点击图片实现随机变换图片的方法
- JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- js实现点击后将文字或图片复制到剪贴板的方法
- js实现表单多按钮提交action的处理方法
- js实现点击图片将图片地址复制到粘贴板的方法
- js实现鼠标点击文本框自动选中内容的方法
- js简单实现表单中点击按钮动态增加输入框数量的方法
- 简单的实现点击箭头图片切换的js代码
- js实现每日自动换一张图片的方法
- js实现固定显示区域内自动缩放图片的方法
- JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
- JS实现点击按钮自动增加一个单元格的方法
- js实现点击图片改变页面背景图的方法
- 使用JS实现简单缓存功能,防止用户重复点击,重复AJAX提交