<script>
//实例化一个plupload
var uploader = new plupload.Uploader({
browse_button:'browse',
url:'http://127.0.0.1:3000/users/upload',
});
// 初始化
uploader.init();
// 绑定事件
uploader.bind('FilesAdded',function(uploader,files){
for(var i = 0, len = files.length; i<len; i++){
var file_name = files[i].name;
let fileEx = file_name.substring(file_name.lastIndexOf('.')+1)
console.log(getFormatClass(fileEx)) // 后台输出文件后缀名
var html = '<li id="file-' + files[i].id +'"><div class="formatmin ' + fileEx.toLowerCase() + '"><div>删除</div></div><div class="file-name">'+file_name+'</div><p class="progress"></p></li>';
$(html).appendTo('#file-list');
}
});
// 每个文件上传过程中多次触发
uploader.bind('UploadProgress',function(uploader,file){
$('#file-'+file.id+' .progress').css('width',file.percent + '%');
});
// 启动上传任务
$('#upload-btn').click(function(){
uploader.start();
});
function getFormatClass(format){
var formatArr = [
"doc","docx",
"xls","xlsx",
"jpg","jpeg","png"
];
if(typeof format != "undefined"){
format = format.trim().toLowerCase();
let idx = formatArr.find(value=>{
return value == format.trim();
})
if(idx == -1){
return "unknown";
}else{
return format;
}
}else{
return "unknown";
}
}
</script>
后台是用koa 支持 然后上传到 本地 一个文件夹中, 所有文件都能上传, 唯独 .docx文件选择后不显示 , 不上传