EasyUI的filebox组件实现多文件上传的步骤
新增回款记录详情里面有个添加回款记录文件的按钮,点击选择文件,文件既可以选择一个也可以选择多个
![d2ab925100317536c76065578069dd75.png](https://i-blog.csdnimg.cn/blog_migrate/b726c8ee811bfb74b68d68a7ef048cdf.png)
<tr height="35px">
<td width="25%" height="20px" align="right">添加回款记录:td>
<td width="75%" height="20px" align="left">
<input class="easyui-filebox" data-options=" buttonText: '选择文件',prompt:'浏览'" multiple="true" id="addFfile" name="file" style="width:90%" onchange="checkFile()" />
td>
tr>
通过添加回款记录文件的id
,如下js的写法是根据官网来写的,先在前台把添加回款记录记录的一个改成多个,把multiple:true
的注释给去掉
//easyui 文件框
$('#addFfile').filebox({
buttonText: '选择文件', //按钮文本
buttonAlign: 'right', //按钮对齐
multiple: true, //是否多文件方式
onChange: function (e) {
checkFile();
}
});
//控制上传文件格式
function checkFile(){
var fileTypes = ['.jpg', '.jpeg', '.bmp', '.png', '.gif','.pdf'];
var filePath = $('#addFfile').textbox('getValue');
/* if (filePath != '') */
{
var fla