现代浏览器如火狐的功能files[0]
来源:互联网 发布:java开发2017就业饱和 编辑:程序博客网 时间:2024/05/29 02:17
------解决方案--------------------
var docObj = document.getElementById('file');
是现代浏览器支持的功能,如Firefox
现在的浏览器的<input id='file' type=file multiple="true" />
可以支持一次选取多个图片的,所以,得到一张的方法就是docObj.files[0];
例子:
// fileInput是一个HTML Input元素: <input type="file" multiple id="myfileinput">var fileInput = document.getElementById("myfileinput");// files是一个FileList对象(类似于NodeList,是多个file对象的集合)var files = fileInput.files;// 仅允许 *.png, *.jpeg *.gif 类型的图片文件var allowedFileTypes = ["image/png", "image/jpeg", "image/gif"];for (var i = 0; i < files.length; i++) { // 如果文件的文件类型属于allowFileTypes其中的一种 if (allowdFileTypes.indexOf(files[i].type) > -1) { // 对符合条件的文件进行处理 }}
完整的例子:<input type="file" multiple id="myfileinput" onchange="updateSize();">
<script type="text/javascript">
function updateSize(){
// fileInput是一个HTML Input元素: <input type="file" multiple id="myfileinput">
var fileInput = document.getElementById("myfileinput");
// files是一个FileList对象(类似于NodeList,是多个file对象的集合)
var files = fileInput.files;
// 仅允许 *.png, *.jpeg *.gif 类型的图片文件
var allowedFileTypes = ["image/png","image/jpg", "image/jpeg", "image/gif"];
for (var i = 0; i < files.length; i++) {
// 如果文件的文件类型属于allowFileTypes其中的一种
if (allowedFileTypes.indexOf(files[i].type) > -1) {
// 对符合条件的文件进行处理
console.log(files[i].type);
}
}
}
</script>
- 现代浏览器如火狐的功能files[0]
- 关于火狐浏览器的一下功能
- 火狐浏览器功能
- Firefox火狐浏览器功能介绍
- Firefox火狐浏览器功能介绍
- 火狐浏览器的插件
- 火狐浏览器的Bug
- 火狐浏览器的兼容性问题
- 10种方法使你的IE如现代浏览器一般
- 如何用火狐浏览器firefox模拟手机浏览器客户端
- 火狐浏览器下 返回顶部功能bug
- 仿照火狐浏览器watch函数实现功能
- 现代浏览器的工作原理
- 现代浏览器的工作原理
- 现代浏览器的工作原理
- 现代浏览器的工作原理
- 现代浏览器的工作原理
- 现代浏览器的工作原理
- HttpClient 4.5.2版本设置连接超时时间-CloseableHttpClient设置Timeout
- 9.ros_control
- update
- 解析html文档的java库及范例
- 11月基础算班,凯撒加密和异或加密,C++程序实现
- 现代浏览器如火狐的功能files[0]
- 例解 Linux 下 Make 命令
- Eclipse 创建自己的Wokspace和C++ Project
- CUICatalog: Invalid asset name supplied: (null)
- Android
- 全面了解“设计模式”
- springMVC+spring+mybatis整合框架
- vue从入门到放弃 --- 真的是入门
- 洛谷 P1025 数的划分