android 模糊读取文件名_安卓手机中使用html的input file,获取不到文件类型和文件名...

看来这个问题还是比较难解决的,那我就自己来解决一下吧

既然直接读取file.type是空字符串,那就只能从文件流里面读取文件头信息了。

参考题中的链接方案,这里优化了一下

function checkFileType(type, file, back) {

/**

* type png jpg mp4 ...

* file input.change=> this.files[0]

* back callback(boolean)

*/

// http://www.garykessler.net/library/file_sigs.html

var args = arguments;

if (args.length != 3) {

back(0);

}

var type = args[0]; // type = '(png|jpg)' , 'png'

var file = args[1];

var back = typeof args[2] == 'function' ? args[2] : function() {};

if (file.type == '') {

// 如果系统无法获取文件类型,则读取二进制流,对二进制进行解析文件类型

var imgType = [

'ff d8 ff', //jpg

'89 50 4e', //png

'0 0 0 14 66 74 79 70 69 73 6F 6D', //mp4

'0 0 0 18 66 74 79 70 33 67 70 35', //mp4

'0 0 0 0 66 74 79 70 33 67 70 35', //mp4

'0 0 0 0 66 74 79 70 4D 53 4E 56', //mp4

'0 0 0 0 66 74 79 70 69 73 6F 6D', //mp4

'0 0 0 18 66 74 79 70 6D 70 34 32', //m4v

'0 0 0 0 66 74 79 70 6D 70 34 32', //m4v

'0 0 0 14 66 74 79 70 71 74 20 20', //mov

'0 0 0 0 66 74 79 70 71 74 20 20', //mov

'0 0 0 0 6D 6F 6F 76', //mov

'4F 67 67 53 0 02', //ogg

'1A 45 DF A3', //ogg

];

var typeName = [

'jpg',

'png',

'mp4',

'mp4',

'mp4',

'mp4',

'mp4',

'm4v',

'm4v',

'mov',

'mov',

'mov',

'ogg',

'ogg',

];

var sliceSize = /png|jpg|jpeg/.test(type) ? 3 : 12;

var reader = new FileReader();

reader.readAsArrayBuffer(file);

reader.addEventListener("load", function(e) {

var slice = e.target.result.slice(0, sliceSize);

reader = null;

if (slice && slice.byteLength == sliceSize) {

var view = new Uint8Array(slice);

var arr = [];

view.forEach(function(v) {

arr.push(v.toString(16));

});

view = null;

console.log(arr.join(' '));

var idx = arr.join(' ').indexOf(imgType);

if (idx > -1) {

back(typeName[idx]);

console.log(typeName[idx]);

} else {

back(false);

}

} else {

back(false);

}

});

} else {

var type = file.name.match(/\.(\w+)$/)[1];

back(type);

}

}

使用方法:

input.addEventListener(function(){

var file = this.files[0];

if(file.type==''){

// 第一个参数支持单类型,或多类型,多类型时用竖线分隔,用于生成正则式

checkFileType('(png|jpg|jpeg|mp4|mov|m4v|ogg)',file,function(fileType){

console.log(fileType);

//'png'

});

checkFileType('jpg',file,function(fileType){

console.log(fileType);

//false

});

}

});

只做了对png,jpg,jpeg,mp4,mov,m4v,ogg几个常用格式判断,其他文件类型的文件头信息,可以查看这里:

http://www.garykessler.net/li...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值