关于input file 的一些
来源:互联网 发布:淘宝助理5.5官方版 编辑:程序博客网 时间:2024/05/22 17:37
前几天做了一个关于身份认证的页面 需要用户把自己的身份证上传到网站 于是接触到了input file 不的不说这个的确非常的方便 可以直接打开提交文件页面
但是细节部分也有很多
1.对input file 的样式处理 opcity:0; 透明度设置为0 你想怎么玩input就怎么玩.
2.用户上传照片后可以直接预览 直接贴代码
function getObjectURL(file) {
var url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
$(function() {
$("#zhengjian1,#zhengjian2,#zhengjian3").on("change",function() {
var srcs = getObjectURL(this.files[0]); //获取路径
$(this).next().attr("src",srcs); //this指的是input
// $(this).val(''); //必须制空 (非必须)
})
})
(不知道为什么网上的例子直接吧input的val()最后给清空了 然后自己又对input的val做了一个非空的判断 导致自己给自己挖了个坑
,后来发现不设置为空也可以);
3.设置必须上传照片
var zheng1= $("#zhengjian1").val();
if(zheng1==""){
alert("请选取您的证件照");
return false;
}
成功完成.
- 关于input file 的一些
- 关于input File的设定~
- 关于一些input的一些常用方法
- 关于input file按钮的美化
- 关于input标签的一些常识
- 关于input与IE8的一些事
- 关于input的一些js限制
- 关于Bootstrap File input插件
- 关于php的( No input file specified. )问题
- 关于<input type="file">样式的美化
- 关于js自动获取input file的文件名称
- 关于js自动获取input file的文件名称
- 关于input type=file 获取文件的路径问题
- 关于input[type=file]表单控件的相关知识点
- 关于bootstrap 对<input type ="file">的美化
- Bootstrap中关于input里file的样式更改
- input file 的样式
- 关于一些file类的基础代码
- Leetcoed--Binary Tree Inorder Traversal (二叉搜索树--中序遍历)
- 润乾报表5填报表中如何添加html代码
- VNC远程登录服务器(Ubuntu14.04)
- 课工场 “微服私访”项目学习(八)
- 牛郎织女都见面,而你却在吃狗粮---男士星座脱单指南
- 关于input file 的一些
- [日推荐] 『夜听零点』让温暖的声音伴你入眠
- mysql存储过程的三种循环
- MySQL编码修改--> 支持emoji表情
- C++ const和左值
- python学习(九)之切片和迭代
- Android开发之请求码和结果码
- 前端cookie七天自动登录
- c++ 重复定义