兼容ie(8、9、10、11),google等浏览器的多附件上传完整演示

上传演示效果

以下是操作步骤

1、下载相关文件

地址:链接: https://pan.baidu.com/s/1pNgWup18eGh32lXqUqxKAQ

提取码: wt27 

2、文件存放在项目中的位置

第三步在对应页面需要上传附件的地方加上下面的两段代码

第一:<%@ taglib prefix="upload" tagdir="/WEB-INF/tags" %>   这是文件要放在tags下的原因之一

第二:原来的代码:
<div class="formC lh">        
</div>
添加之后的代码
<div class="formC lh">        
    <upload:swfupload  upload_url="${basePath }/emailOutbox/uploadFileAttach.do(这里放你上传的路径)"
                file_size_limit="50(这里文件大小限制)" file_queue_limit="10" file_upload_limit="10" file_types="*.*"
                           button_height="22" button_width="140" button_text_left_padding="45" button_text_top_padding="10"
                           post_params="'containerType':'apply_leave'" fileList="${fileList}(这里用作文件回显)"
            />
    <div class="hide" style="margin-top:5px;width: 150px;height:10px;border: 1px solid #000" id="uploadProgressView">
    <div style="background-color: green;height: 100%;width:0%;"  id="uploadProgress">
    </div><span id="uploadPercent"></span>
    </div>

</div>

如果要只上传图片,设置file_types可以解决:file_types="*.jpg;*.gif;*.png;*.bmp"

到此添加完毕,可以完美实现多附件上传了,效果就是最开始的显示图;

这个多附件的上传,可以根据自己的实际需要做部分调整,具体样式和逻辑的代码在swfupload.tag文件中

后续会编写文件上传,文件下载详细代码博客……

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值