直接点击相关按钮,弹出文件选择窗口,选择了文件在进行上传,请问如何实现?

这个是“相关资料按钮”图片说明。直接点击按钮,弹出文件选择窗口,选择了文件在进行上传,上传到数据库,请问如何实现?

0

1个回答

每个按钮放不同表单里面,直接放file控件,添加onchange提交表单(表通同时放上一个hidden控件记录此记录的id一起回发服务器),想无刷新就将表单提交到隐藏iframe中就行



<form method="post" action="xxxxxx" enctype="multipart/form-data">
    <input type="file" onchange="this.form.submit()" /><input type="hidden" name="id" value="记录对应的id" />
</form>
0
showbo
支付宝加好友偷能量挖 回复橙稚: 自己百度下啊。。http://www.2cto.com/kf/201407/315964.html
2 年多之前 回复
qq_29878685
橙稚 上传文件到数据库怎么操作啊!!!!
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
asp.net 浏览按钮 asp.net C# 如何点击按钮弹出选择文件对话框
<br />  <input type="file" id="file3" style="display:none"><br /><input type="button" value="浏览..." onclick="file3.click()">
excel vba点击按钮 弹出文本选择窗口 上传图片
    Range(&quot;B14:C14&quot;).Select      '选择单元格 这里选中的是一个合并的单元格     Sheet3.[a1].Value = Application.GetOpenFilename(&quot;所有文件,*.*&quot;, , &quot;选择附件&quot;)      '获取上传图片的路径     ActiveSheet.Pictures.Insert(Sheet3.[a1].Value).S...
点击图片弹出文件选择框并覆盖原图功能
简单说下原理,把显示图片的img标签和上传文件的 input标签放在同一个div下,input设置的大小和img的大小一样, 设置透明度为0,用定位和设置优先级把input浮动在img上方,这样点击图片就能弹出文件选择框,选择完图片后获取图片地址,替换掉原来的默认图片就能实现覆盖原图功能。 $(function() { //建立一個可存取到該file的url function
关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
<!-- .fileUpload_class{     position: absolute;     right: 0pt;     top: 0pt;     font-family: Arial;     font-size: 118px;     margin: 0pt;     padding: 0pt;     cursor: pointer;    opacity:
如何点击图片弹出文件选择框
问题定义:        在浏览器中如何点击图片弹出文件选择框呢,就像新浪微博一样,点击图片就直接弹出选择文件框?   实现思路:        我们可以将file input控件设置成完全透明,然后,加入一个自定义的浏览按钮,可以是图片。然后,我们定义这个按钮的onmousemove属性,捕获到鼠标移动到上面的时候,我们就将透明的file input控件盖在上面,这样,如果我们点击了,那...
点击一个图片弹出文件选择进行上传
HTML+CSS实现<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> <style type="text/css"> div{ position: relative; } input{ opacity:0; filter:alpha(
js实现点击按钮弹出上传文件的窗口
1.详细描述 在页面上设置一个“选择文件”按钮,点击该按钮,会弹出本地磁盘信息用于选择文件。 2.代码 Demo function F_Open_dialog() { document.getElementById("btn_file").click(); } 选择文件 3.操作示例 将代码复制到W3CSchool的测试页面,提交
Swfupload点击选择上传没有弹出文件选择框
最近处理一个项目,里面用到了swfupload上传文件插件,前段时间一直可以用,后来就怎么点击都不行了,选择文件窗口怎么也出不来,到网上找资料也没有找到具体原因。 后来在debug调试跟踪运行流程中,在源码中的loadFlash方法中发现this.support.loading返回false导致没有初始化完成。把这块调试放开,浏览器flash加载改为询问或允许,这样功能就能正常使用了,纪念一下这...
js点击某个图标或按钮弹出文件选择框
最近项目需求,不显示一个传统的文件选择,实现一个js点击某个图标或按钮,弹出文件选择框,选择完图片后,回显选择的图片。但是编写的过程中,出现不少问题,我总结一下。 废话不说了,上代码再说问题。 function selectFile(){ //触发 文件选择的click事件 $("#file").trigger("click");
MFC点击按钮跳出系统自带的文件选择框
在按钮双击事件添加如下代码 CFileDialog cfd(true, _T(".jpg"), NULL,OFN_FILEMUSTEXIST | OFN_HIDEREADONLY, _T("Image file (*.jpg)|*.jpg|All Files (*.*)|*.*||"), this);//文件选择框打开的文件两个格式:jpg或所有格式 若想只打开bmp格式,括号内
chrome 点击上传文件选择框会延迟几秒才会显示 反应很慢
chrome52.0.2743.80以上, accept: { title: 'Images', extensions: 'jpg,jpeg,png', mimeTypes: 'image/*' } 改为 accept: { title: 'Images', extensions: 'jpg,jpeg,png', mimeTypes: 'image/jpg
HTML+js+css实现点击图片弹出上传文件窗口的两种思路
转载自:http://my.oschina.net/u/1035715/blog/311357 第一种:CSS实现    .fileInputContainer{         height:256px;         background:url(upfile.png);         position:relative;         width:
Js 点击按钮 选择文件后 自动上传文件
/*批量导入*/ /*#load:为按钮,点击后生成一个隐藏的input file标签*/ $('#load').after('<input type="file" id="load_xls" name="file" style="display:none" onchange ="uploadFile()">'); $('#load').click(function(){
C#窗体程序怎么点击按钮打开一个选择文件的对话框
Button1_Click(....) { //首先,实例化对话框类实例 OpenFileDialog openDialog = new OpenFileDialog(); //然后,判断如果当前用户在对话框里点击的是OK按钮的话。 if(DialogResult.OK == openDialog.ShowDialog){ //将打开文件对话框的FileName属性传递到你的字符串进行处理
webuploader在bootstrap模态对话框中选择文件按钮无效的问题
搜了很多,网上主要的说法是 当一个元素是hidden时,addbutton绑定是会失败的,所以单击选择文件按钮就无效了 而bootstrap模态框一开始是隐藏的,因此必须在其显示完毕后才可以初始化webuploader http://www.cnblogs.com/guohu/p/6483043.html 可参考上述帖子内容解决 var uploader; //在
java打开选择文件对话框
用JFileChooser和FileDialog来显示对话框,FileDialog没研究出来怎么过滤文件,JFileChooser界面差了点 环境:eclipce3.7.2 jre1.6
QT 实现点击主窗口按钮,打开文件选择txt并在新窗口显示
Qt初学菜鸟,设计界面时,遇到如上任务,想记录下出错的问题。一.创建步骤如下:1.首先使用Qt creator,新建项目test0如下操作:2.创建项目test0完成后,在mainwindow.ui界面,添加一个pushbutton按钮,如下3.回到编辑页面,右键项目名称,添加新文件,选择Qt-Qt设计师界面类,如下,此步的目的是为了创建点击按钮要弹出的新窗口,然后选择界面模板-dialog wi...
Java图形界面编程之弹出文件选择框
  package main; import java.awt.FlowLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.io.File; import javax.swing.JButton; import javax.swing.JFileChoose...
点击div弹出file选项框
点击打开链接
点击按钮,自动浏览文件,选好文件之后自动上传
上传功能在前端应用中经常用到,现在网上很多上传的插件,在之前的博文中介绍一个 fileinput插件,下面就使用简单的input实现文件上传 先看效果:  前台代码: &amp;lt;h2&amp;gt;使用input标签上传&amp;lt;/h2&amp;gt; &amp;lt;div&amp;gt; &amp;lt;input type=&quot;file&quot; style=&quot;display:none&quot; onchange=&quot;Upload()&quo
Java弹出目录选择框及文件操作
1. 如何弹出目录选择框; 2. 判断以数字开头,中间含义数字的正则表达式; 3. 计数文件夹中的文件个数; 4. 如何对文件重命名
不用点击file类型的input弹出文件选择对话框
可以使用trigger方式,javascript中没有原生的trigger函数,可以自己写一个,也可以直接使用jquery的实现: var button1 = document.getElementById("button1"); var button2 = document.getElementById("button2"); button1.onclick = function(){aler
点击JButton 跳出一个文件选择框 获得文件的属性
public static void main(String[] args) {   final JFrame mainFrame = new JFrame("main");   JButton button = new JButton("button");   button.addActionListener(new ActionListener(){    public void ac
Swing 文件选择&按钮控件&弹出窗口
Swing 文件选择&按钮控件&弹出窗口
QT 打开文件选择窗口
1. #define SYSTEM_DIR_LB_FILE                0x0B000000       //录波目录 QString filepath_dat=QFileDialog::getOpenFileName(this,tr("Open Image"),DirMgr::GetSysDirAllEn_Name(SYSTEM_DIR_LB_FILE), tr("d
通过a标签打开文件选择框实现文件上传
实现代码如下:   至此,我们可以让文件上传变得美观好看   直接上传代码,会出现问题,所以就上传图片了。
jsp中点击图片弹出文件上传界面及实现预览
花了两天时间琢磨一下图片预览的功能 任务需求如下:1:jsp页面中有一个图片(pic_1)     2:点击图片弹出类似于资源管理器的界面     3:选择完某一个图片之后在pic_1处预览 我在IE8上试验下面这段代码,可以实现上述功能,没有在别的浏览器中测试,如果各位朋友知道多种浏览器的支持方法,请赐教,共同学习,谢谢。 Insert title here functi
关于selenium处理文件上传button的问题
相信大家都遇到过这样的情况:进到一个页面,点击windows组件上传文件=》popup弹出=》选择文件=》回到原popup页面=》点击上传=》progress bar开始启动,需要等待progress bar消失=》上传成功 其中有很多点都是比较让人头疼的,比如文件上传的控制,判断元素的出现时间,progress bar的check处理等待,在此我仅总结一下几个关键点的方法,希望对初学者有所...
SWFupload在IE9中选择文件按钮无法点击bug解决方法
问题 IE9下,使用swfupload时出现时选择文件的按钮无法点击,在其他浏览器,例如Firefox、chrome都不会出现出现这种情况。 在ie9下面swf打不开,ie9下面debug开启,显示请求swfupload.swf的时候请求被挂起了,点击上传没反映,等了很久大概有5分钟吧,挂起请求请求200,一下子出来了三个请求flash的,这时候点击上传就正常了。 搞了半天,在网
uploadify上传组件点击uploadify.swf,无法弹出文件选择框的原因及解决方法
项目中用到了jQuery的uploadify上传组件,可是调试代码并没有发现代码哪里写错了。起初以为是模态框遮盖了uploadify.swf,就把style=”position: absolute; z-index: 1;“中的z-index调成10000,还不行。干脆把代码摘出来放入普通div里,写了一个demo,还是没有解决。 后来发现是浏览器的flash player禁止加载本地的swf造成
点击button按钮打开file选择图片并使用ajax图片上传并预览
  最近有个需求让人很无奈,每条记录都需要让用户上传图片。由于使用插件无法准确的定位到那条记录,只好使用ajax上传图片准确获取id 先将file文件隐藏掉,通过点击button打开file选择图片,一些路径可根据自身情况进行更改 &amp;lt;div class=&quot;picker&quot; data=&quot;111&quot; onclick=&quot;uploads('{$v.master_order_sn}'); &quot; &amp;...
解决第二次弹出上传窗口 上传控件的异常(无浏览按钮)
使用ext4.0 弹出窗口,上传文件 第一次弹出的窗口是正常的,如下图  但是点击右上角的x按钮之后,再次打开这个上传窗口就变成   问题解决办法: 将下面代码中 var win = Ext.widget('window
QT之打开文件对话框选择文件
点击按钮,打开文件对话框选择文件,获取文件名路径、文件信息、文件名处理
Android 中 webview 无法弹出文件选择框,点击按钮没反应的问题
在以前做的项目里遇到一个奇葩问题,在ios和微信都可以,但是就是在android端不行,无论你多使劲点都发现无法弹出安卓原生文件选择界面,简直要崩溃了通过一番资料查询,发现要重写WebChromeClient类里面的方法  先说一下执行的步骤: 1.通过webview.setWebChromeClient(),传入一个WebChromeClient的实现类,在WebChromeClient实现类里...
JSP多文件上传,动态添加文件选择框和按钮,并添加事件
直接帖上代码,对于添加事件,这里有两行代码是重点:                     fileObj.onchange = function(){checkFileSuffix()};                     delObj.onclick = function(){delInputFile(delObj)}; //通过这种方式为onclick指定事件,不会直接执行del
Unity中打开文件窗口(OpenFileDialog)的几种方法
所使用Unity版本:2017.1.0f3,Unity中打开文件窗口(OpenFileDialog)的几种方法
webUploader选择文件按钮无效
webUploader再次点击选择文件按钮没反应
解决 Selenium文件上传框无法识别的问题
其实很多人在使用selenium 做自动化的时候都会遇到这样子的一个问题,就是要进行文件的上传。对于简单一些的元素 如 这种可能可以通过直接的sendkey进行赋值,但是对于flash的这种 selenium就无能为力了。并且还得操作windows的文件上传框。这也是selenium的一个软肋 最近在测试web的时候每次执行测试用例都需要去上传各种格式的文件。这真的是苦了我了。所以抽空就去看看web
Android----弹出框选择文件夹目录 以及启用新的Task打开文件
首先看效果图   第一个Activity很简单就是一个按钮Button 加一个 TextView 见main.xml [c-sharp] view plaincopy "1.0" encoding="utf-8"?>     xmlns:android="http://schemas.and
jQuery jForm ajax 单击选中文件直接自动上载 无需提交按钮
利用 jQuery 插件 jform 实现文件选中直接上载,无需点提交按钮 jForm Demo // form 内的文件选择内容被改变则立即提交 $('#fileUpload').on('change', function() { // 当 file 框内容改变则提交 form $('#formUpload').su
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 web如何上传视频教程 如何选择产品经理培训