【input的file 控件及美化】的更多相关文章

input的file 控件及美化

在一些网站进行上传时,当单击了“浏览”按钮之后会弹出[选择文件]的对话框.想要实现这一功能,用input的file控件来实现就好啦~ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style></style> </head> <…

页面加载完成触发input[type="file"]控件问题

由于浏览器厂家的限制,不同的浏览器不开放页面加载完成就允许触发input[type="file"]控件 测试 Chrome .火狐 .IE .微信客户端QQ =>桌面端: Chrome:不允许 火狐:允许 IE :允许 =>移动端: 微信客户端QQ:不允许 其实:不给触发也有道理,因为用户才是主人,浏览器与技术人员就相对于外人了,毕竟这种又不是类似alert的弹框!  …

美化 input type=file控件

大家都知道input的type=file控件默认样式是不能修改的 可以通过一个小技巧处理下 html: <a href="javascript:;" class="go_upload">上传游戏安装包 <input class="upload_input" type="file" value="上传游戏安装包"/> </a> css: .go_upload{ positi…

美化type="file"控件

对于type="file"而言是一个不大好看的控件.如果不美化他一下,总感觉自己的网站有些缺乏了美感 上代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定义input type="file" 的样…

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的: 1.原始方法:把事件写在file控件的onchange=""里面: 2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... }); 3.Jquery方法二: onchange后,生成一个新input type…

HTML5中的input type为file控件限制上传文件类型及扩展

简单介绍 input file控件限制上传文件类型如下:1.文件类型中间用,分开:2.html和htm这样的要写成两个: 3实例: <input type="file" name="filePath" accept=".jpg,.jpeg,.doc,.docx,.xls,.xlsx,.pdf"> 如果想在手机上实现拍照上传,添加如下代码: <input type="file" capture="ca…

Jquery对input file控件的onchange事件只生效一次的解决方案

1.原始方法:把事件写在file控件的onchange=""里面: 2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... }); 3.Jquery方法二: onchange后,生成一个新input type file代替旧的, $('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id…

使用input:file控件在微信内置浏览器上传文件返回未显示选择的文件

使用input:file控件在微信内置浏览器上传文件返回未显示选择的文件 原来的写法: <input type="file" accept="image/x-png,image/jpeg" /> 改成: <input type="file" accept="image/*" /> 解决!…

css input checkbox复选框控件 样式美化的多种方案

checkbox复选框可能是网站中常用的html元素,但大多数人并不满意它的默认样式,这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果. 资源网站大全 https://55wd.com 方案一:纯css方法 单选按钮和复选按钮都有选中和未选中状态.要设置这两个按钮默认样式稍微复杂点.该文通过:checked选择器配合其他表情实现自定义样式.举例:使用:checked选择器模拟实现复选框样式. <meta charset="utf-8"> <s…

File控件选择图片的时候在Html5下马上预览

页面HTML <div> <img src="@pic.Path" id="img" style="width:200px;height:200px;" /> <form id="form_photo" method="post" action="/N/SavePhoto?id=1"> <input style=" display:no…

怎么清除file控件的文件路径

还记得上次做一个文件上传,后来测试告诉我说,如果我要是不选择文件了呢?该怎么办?我说:简单啊,做一个取消按钮不就完事了吗!然后我就想一个file空间做一个取消是多么简单的事,用js处理可是想怎么样就怎样,其实不然! html页面: <input type="file" id="imgFile" name="imgFile"><br/> <!--file控件--> <a href="#"…

File控件杂谈

我们通常使用<input type='file'/>来实现网页中文件上传功能,用户可以通过点击file控件选择本地文件,当我们提交包含该控件的表单时,浏览器会向服务器发送用户选中的文件. 看上面的描述,file控件貌似挺强大的,事实上也是这样的.但实际开发中我们也可以挑出file控件的诸多问题: 1.我们可以通过value属性获取用户选择的文件的名称,但出于安全因素,该属性只读,所以也就无法指定默认值. 2.最让我们诟病的是,file控件在不同浏览器上长相迥异.这让我们开发者情何以堪?而且“选…

js动态添加file控件

<html></head><script language="javascript" type="text/ecmascript">//======================//功能:在表单中input file控件//参数:parentID---要插入input file控件的父元素ID// inputID----input file控件的ID//======================function createI…

css控制file控件透明 漂浮

css控件透明属性设置IE firefor设置方法<STYLE type=text/css>.upfilefield{position:absolute; FILTER: alpha(opacity:0);-moz-opacity:0.5;opacity: 0; width:88px; height:29px; top:0px; right:0px;}</STYLE> 导入:<input type="file" name="file"…

混合开发 webview 中file 控件 点击后无反应解决方法

最近在做个项目 ,需要 使用 file 控件上传 图片到服务器 ,在手机浏览器中 可以正常选择照片,但是放到 android 应用中的webview中,file 控件点击后就没有反应. 百度了一番后,找到以下解决方案 开头定义 private ValueCallback<Uri> mUploadMessage; final static int FILE_SELECTED = 4; 然后设置 mWebView.setWebChromeClient(new WebChromeClient() {…

input绑定datapicker控件后input再绑定blur或者mouseout等问题

input绑定datapicker控件后input再绑定blur或者mouseout等问题 问题描述:今天在修改一个东西的时候需要给一个input输入域绑定blur事件,从而当它失去焦点后动态修改其中的内容.但是问题来了,当点击输入域datapicker控件出现,当离开输入域去选择时间时就触发了blur事件,而这个时候获取输入域内的内容时获取的是选择时间之前输入域的内容.这跟我们的想法相背离.比方说我们想校验选择的时间,可是每次都是校验的选择时间之前输入域的内容. 之前的错误做法:代码如下 $(…

file控件change事件触发问题

最近,项目中需要用到一个图片上传的功能,我用的file控件来选取图片文件,然后利用js读取文件来预览图片,最后再根据用户的操作来决定是否上传文件. 其中碰到了一个奇怪的问题:在选取完第一张图片,并上传后,再选取第二张图片的时候,并没有触发file的change事件. 问了下度娘,各种解决方案很多: 1)有的说要使用live来注册事件,如可以写成$('#fileID').live('change,function(){//do something}); 2)有的说要用replaceWith把原来的…

IE9获取file控件的本地文件路径

最近发现,在IE9下,公司网站的本地图片预览都无法正常显示,经过测试发现,原因在于IE9下无法获取file控件的文件路径. 以前的代码如下: var strPic = fileImg.value; if ($.ie && $.browser.version > 6) { fileImg.select(); strPic = document.selection.createRange().text; document.selection.empty(); } 如果strPic不为空,…

界面美化．CStatic控件的美化（好多系列文章）

http://www.cnblogs.com/20090802/archive/2010/09/17/1829283.html 静态控件也是比较常用的控件,在VS开发环境中用的应该挺频繁的吧. 其实mfc中实现对窗口美化,主要依赖于重绘.static控件也是个窗口,windows为其留有自绘的权利,可以设置其样式为SS_OWNERDRAW,Windows就会把其绘制权利交给我们的代码,怎么绘制就看我们的代码了.mfc中更好的一种方式就是消息反射,省的自己来做这一步操作了,我们重载CStatic中…

file控件选择同一文件不触发change事件和img控件不改变src的情况下图片不刷新问题解决

最近跑来前端掺和了.. file控件的问题用 inputFile.value = ''; img控件的问题,在图片后面添加一串无意义的参数即可,例如: img.src = 'file:///' + 本地图片路径+ '?t=' + Math.random();…

input file控件限制上传文件类型

网页上添加一个input file HTML控件: <input id="File1" type="file" /> 默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如“word“,”excel“,”pdf“文件 解决办法是可以给它添加一个accept属性,比如: <input id="File1" type="file" accept=".xls,.doc,.tx…

HTML5 input file控件使用accept过滤限制的文件类型以及在谷歌下打开很慢的问题

在文件上传控件(input type='file')中,可以通过accept属性实现对文件类型的过滤. 一.相关代码: 下面给出对应的文件上传控件代码: <input type="file" id="myFile" accept="image/jpeg,image/gif,application/msword"/><br/> 上面的代码表示限制文件上传类型为.jpg/.gif/.doc. 二.限制规则: 在文件上传控件的a…

WebView使用input file控件打开相册上传图片

使用 WebView 直接用 控件选择相册图片 package com.moguzhuan.android.zhuan; import android.annotation.TargetApi; import android.app.Activity; import android.content.ClipData; import android.content.Intent; import android.net.Uri; import android.os.Build; import and…

jquery如何获取input(file)控件上传的图片名称，即"11111.jpg"

html代码:<input name=file" type="file" id="file"/> Jquery代码:var file;$('#file').change(function(){ file=$(this).val(); }) var arr = file.split('\\');//注split可以用字符或字符串分割 var fileName = arr[arr.length-1];//这就是要取得的图片名称 alert(file…

mvc file控件无刷新异步上传操作

前言 上传文件应该是很常见必不可少的一个操作,网上也有很多提供的上传控件.今天遇到一个问题:input控件file无法进行异步无刷新上传.真真的感到别扭.所以就尝试这去处理了一下.主要分三个部分:上传类的封装,html input控件file处理和后台controller的调用. 上传封装类: 此类主要两个功能,一些简单的筛选和文件重命名操作. 文件的筛选包括: 文件类型,文件大小 重命名: 其中默认为不进行重命名操作,其中重命名默认为时间字符串DateTime.Now.ToString("yy…

如何修改file控件

在移动web开发过程中,常常会用到input file这控件,但css不能修改其样式往往让开发者很头疼,直接把他放到页面上又不美观: 下面介绍的方法,可以将该控件的显示样式替换成一个图标:   该方法主要思路是:在带有input file的表单外面增加一个<a>标签,设置<a>标签的背景,并用透明度隐藏input标签. 在页面上显示的效果如下图,经测试ios5+,android2.3+的自带浏览器都较好的兼容该效果.       代码如下: HTML   HTML   <a…

Jquery给input[type=radio] 控件赋值

setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=null $.each(data, function (id, value) { //循环json数据每个属性 var control; //当前控件 if (scope) { if(win){ control = $("#" + scope + " #" + id,wi…

针对BootStrap中tabs控件的美化和完善

BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎.但是,它的样式比较单一,如何才能在其原有的基础上做出更加美观的效果呢,我一直在考虑这个问题.另外,Bootstrap中的tabs必须要单击每个选项卡才能实现切换,能否使用Jquery来控制其自动切换,让它过一段时间(如5秒钟)从一个选项卡切换到另一个呢?下面是我的实现过程,首先是tabs部分的html代码: <div class="tab" role="tabpanel"><!-…

TabControl控件的美化

文件下载:http://files.cnblogs.com/zfanlong1314/TabControlEX.rar 本文转载:http://www.cnblogs.com/lmlblog/archive/2012/03/29/TabControl.html 最近因项目需要 所以就到网上找了一个美化过的TabControl控件   只不过这个控件没有实现TabPage的关闭功能 所以就自己添加了一个关闭功能 好了废话不多说 直接贴代码 UpDownButtonPaintEventArgs 类的…

静态文本框控件的美化CStatic

VC通用控件都是灰色,当对程序界面进行美化时,使用通用控件就和美化后的程序界面不搭配,在VB,C#中,可以很方便的更改控件背景颜色,但在VC中就不能,需要我们自己来完善这方面的功能.我在这只简单的介绍一些,大家有兴趣的话,可以到http://www.vbkbase.com(VC知识库)中去搜索查看相关内容. 在VC60中新建一个对话框工程,添加一个新类,根据你要美化的控件选择对应的基类,如我要美化STATIC控件,就选择CStatic做为基类,新类名为CStaticEx. 在新类中添加两个类成员…