点击DIV触发上传文件的方法 - - ITeye博客

`

huangyongxing310

浏览: 480413 次
性别:
来自: 广州

最近访客更多访客>>

hiroada

lixiaoxin

u012363178

wangyy

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

点击DIV触发上传文件的方法

博客分类：

JavaScript
HTML

阅读更多

<div Style="float:left;width: 49%">
                <label  class="btn btn-primary btn-xl btn-block">
                        拍照
                        <input id="take-face-photo-input" img-attr="1" accept="image/*" type="file" style="display: none;" onchange="showImageFileChageFun(this)">
                </label>
            </div>

<style type="text/css">
    .myclass {
        opacity: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        display: inline-block;
    }
    
   .divClass {
        width: 100px;
        height: 50px;
        display: inline;
        position: absolute;
        overflow: hidden;
        background-color: sandybrown;
        line-height: 50px;
        text-align: center;
    }
</style>


<body>
<div class="divClass">
    请选择文件
    <input type="file" class="myclass"</div>
</body>

分享到：

百度人脸识别 | springboot tomcat 参数配置与数据库连接 ...

2021-05-20 14:11
浏览 1127
评论(0)
分类:互联网
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

java jsp ajax实现上传文件进度条(详细代码和文档): 要实现进度条的显示,就要知道两个参数，上传的大小和总文件的大小重写的解析器提供了一个上传过程事件，在上传过程中不断触发，然后用已上传的大小/总大小,计算上传的百分比,然后将此数据缓存起来，前端发送异步...

html表单上传文件的“浏览”按钮修改方法: HTML表单上传文件的“浏览”按钮是指在HTML表单中添加文件上传功能时，用户点击“浏览”按钮选择要上传的文件。默认情况下，该按钮的样式无法修改，但通过CSS和JavaScript可以实现“浏览”按钮的样式修改。在HTML...

jQuery图片批量上传插件源码: 1、图片选择： id必须是“div_imgfile”，可以是任意元素，onclick事件触发选择对话框 2、图片预览容器：id必须是“div_imglook”的div，里面包含一个清除浮动的div 3、确定上传按钮：id必须是“btn_ImgUpStart”，...

可预览移除图片的jQuery多张图片批量上传插件代码.zip: 1、图片选择： id必须是“div_imgfile”，可以是任意元素，onclick事件触发选择对话框 2、图片预览容器：id必须是“div_imglook”的div，里面包含一个清除浮动的div 3、确定上传按钮：id必须是“btn_ImgUpStart”...

批量上传图片jsp,c#,php版本: onUploadError : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) {//上传文件出错是触发（每个出错文件触发一次）　alert( 'id: ' + file.id 　+ ' - 索引: ' + file.index 　+ ' - 文件名: ' +...

利用HTML5的新特点实现图片文件异步上传: 思路：下面代码中我利用css的z-index属性将input=file”标签隐藏在了id=btnSelect元素下面，通过触发a标签的点击后，弹出文件选择框。下面的masklayer用于点击确认按钮后的弹出层，避免用户重复点击确认按钮。复制...

ASP.Net MVC3 图片上传详解Demo源码（form.js,bootstrap）: 用户点击相关div触发file元素打开浏览框----》用setInterval不断检测file文件是否选中文件---》选中之后触发form自动提交到后台---》后台将文件存储到临时文件夹返回图片在临时文件夹的地址---》窗口提示上传功能并...

解决vue项目中type=”file“ change事件只执行一次的问题: input type=button value=上传文件 name= id= @click=updata> <input type=file style=display:none @change=getFile id=input-file> <div v-if=fileName> 上传的文件名：{{fileName}}</p>

xheditor v1.0.0 rc2 build 100401: 添加：自带Ajax文件上传添加按Esc取消上传功能添加：pasteHTML和pasteText函数添加第2个参数：bStart，可以是以下值：留空(覆盖粘贴)、true(粘贴在光标选择区域之前)、false(粘贴在光标选择区域之后) 添加：切换...

网页FLASH播放器代码: /*触发 id 为 moviefile 的上传控件的 Click (单击)事件，使之弹出"选择文件"对话框*/ document.getElementById("moviefile").click() } function loadMovie(){ //取得触发本事件的对象的值(上传控件的内容)...

ExtAspNet v2.2.1 （2009-4-1）值得一看: -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG（Data PostBack->AutoPostBack, Event PostBack->EnablePostBack）。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...

ExtAspNet_v2.3.2_dll: -修正CheckBox控件的CheckedChanged事件会被触发两次的BUG（Data PostBack->AutoPostBack, Event PostBack->EnablePostBack）。 -为TextBox,TextArea,DatePicker,NumberBox,TriggerBox等控件增加AutoPostBack属性...

Global site tag (gtag.js) - Google Analytics