js实现点击图片自动提交action的简单方法
作者：jingxian 发布时间：2024-04-29 14:07:21
标签：js,提交,action
利用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>
0
投稿猜你喜欢
先看一段代码<!DOCTYPE html><html lang="en"><head>- 语言的内存管理是语言设计的一个重要方面。它是决定语言性能的重要因素。无论是C语言的手工管理，还是Java的垃圾回收，都成为语言最重要的特征。
- Dreamweaver MX 2004新增加了表格宽度辅助线功能，让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化，很直观。
- 之前呢，我一直对GUI不是很感兴趣，但是呢，最近由于某些特殊原因，导致不得不用tkinter，需要实现一个渐变色，但是当我翻阅文档的时候，却
- Harris 角点检测算法1. 角点角点是水平方向、垂直方向变化都很大的像素。角点检测算法的基本思想：
- 有的时候，操作大文件，或者取数，要很久，我们给脚本首尾添加一段代码就知道，这段代码整体的大致运行时间了。import timestart =
- 一、将PHP数组转换为JSON格式在PHP中，我们可以直接使用数组来存储数据。但是在JS中，数组通常以JSON（JavaScript Obj
- 本文实例为大家分享了js实现本地持久化存储登录注册的具体代码，供大家参考，具体内容如下1.登录html文件<!DOCTYPE html
- jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的
- 单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于
- （1）最近真是郁闷，在Myeclipse中使用DB Browser但出现以下问题：（2）然后赶紧百度，求大神解决，主要的解决方法试一下几种：
- 本文详细介绍了asp中如何使用sql语句删除数据库中的记录，初学asp者来看看！1，首先要明确删除哪条记录无非还就是SQL语句了，比如对应到
- 译序：本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察在翻译的前提下，增加了更多的更系统的内容。如
- 题目：转换RBG颜色值我们知道在网页中的颜色值设置都是用16进制的RGB来表示的，比如#FFFFFF，表示R：255，G：255，B：255
- 本文实例讲述了php多个文件及图片上传的方法。分享给大家供大家参考。具体实现方法如下：多个文件上传是在单文件上传的基础上利用遍历数组的方式进
- 清除视图缓存，就是清除D:\phpStudy\WWW\BCCKidV1.0\storage\framework\views\002f30b1
- 1.find函数find() 方法检测字符串中是否包含子字符串 str ，如果指定 beg（开始） 和 end（结束） 范围，则检查是否包含
- 本文实例讲述了Python3爬虫学习之应对网站反爬虫机制的方法。分享给大家供大家参考，具体如下：如何应对网站的反爬虫机制在访问某些网站的时候
- Python 3中的File对象不支持next()方法。 Python 3有一个内置函数next()，它通过调用其next ()方法从迭代器
- 1、下载安装 python https://www.python.org/downloads/windows/web-based insta
