1.设置easyui文件上传插件。
<input id="File" class="easyui-filebox" name="File" style="width: 100%" data-options="label:'文档名:',required:true,buttonText:'选择文件',prompt:'仅支持.xls、.doc和.docx格式'" />
2.利用js检查上传文件的类型是否合法。
function checkFile() //检查文件
{
var fileTypes = ['.jpg', '.jpeg', '.bmp', '.png', '.gif', 'psd', '.rar', '.zip', '.doc', '.docx','wps', '.xls', '.xlsx', '.txt', '.pdf'];
var filePath = $('#UploadFile').textbox('getValue');
if (filePath != '')
{
var flag = false;
var fileType = filePath.substring(filePath.lastIndexOf("."));
if(fileTypes && fileTypes.length>0){
for (var i = 0; i < fileTypes.length; i++){
if(fileTypes[i]==fileType){
flag = true;
break;
}
}
}
if (!flag) {
alert('不接受'+fileType+'文件类型上传');
$('#UploadFile').textbox('setValue', '');
return;
}
}
}
参考文章:
针对easyui-filebox 上传文件, js限制文件上传类型