获取 easyui_EasyUI的filebox组件实现多文件上传的步骤

EasyUI的filebox组件实现多文件上传的步骤

新增回款记录详情里面有个添加回款记录文件的按钮,点击选择文件,文件既可以选择一个也可以选择多个

d2ab925100317536c76065578069dd75.png
img
点击并拖拽以移动
<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
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值