在上面的代码中, var mimes = get_mimes(file_types);
其实是一个方法,如下:
/*
Get the mimes of a list of extensions as an array
*/
function get_mimes(extensions)
{
var mimes = [];
for(var i in extensions)
{
var ext = extensions[i];
if(ext in mime_types)
{
var mime = mime_types[ext];
if($.isArray(mime))
{
jQuery.merge(mimes , mime);
}
else
{
mimes.push(mime);
}
}
}
returnmimes;
}
这里其实就是将ZIP,PNG这样的类型传入,然后返回一个这类文件对应的MIME/TYPE,
比如定义一个
mime_types数组,如下:
var mime_types = {
"gif":"image\/gif",
"jpeg":["image\/jpeg","image\/pjpeg"],
"jpg":["image\/jpeg","image\/pjpeg"],
"jpe":["image\/jpeg","image\/pjpeg"],
"png":["image\/png","image\/x-png"],
..................
}
重点关注的是HTML 5中,新的文件API,可以在客户端马上判断文件类型,如下:
var files = evt.target.files; // 获得文件对象,是一个集合,可以有多个文件
var file_count = files.length; //文件长度
var file_1 = files[0]; // or files.item(0);这里获得多个文件中的第一个文件
var name = file_1.name; //获得文件名
var size = file_1.size;//获得文件大小
var type = file_1.type; //文件类型
var lastModifiedDate = file_1.lastModifiedDate; //文件修改时间