兼容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文件中

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

兼容ie（8、9、10、11），google等浏览器的多附件上传完整演示相关推荐

JS兼容各个浏览器的本地图片上传即时预览效果
JS兼容各个浏览器的本地图片上传即时预览效果很早以前在工作曾经碰到这么一个需求,当时也是纠结了很久,也是google了很久,没有碰到合适的demo,今天特意研究了下这方面的的问题,所以也就做了个简 ...
osx java 6_OSX 10.11 java 6不兼容怎么办？OSX 10.11 java 6不兼容解决办法
OSX 10.11 java 6不兼容怎么办?有很多用户在使用最新的OSX 10.11系统时会发现java SE 6不兼容的问题,其实要解决这个问题比较简单,用户需要下载安装最新的Java SE 8 ...
【错误记录】Google Play 上架报错 ( 您上传的 APK 没有经过 Zipalign 处理，请对 APK 运行 Zipalign 工具，然后重新上传。)
文章目录一.报错信息二.解决方案一.报错信息使用百度加固后的 APK , 签名后 , 上传 , 报如下错误 ; 您上传的 APK 没有经过 Zipalign 处理,请对 APK 运行 Zipa ...
10分钟教你用VS2017将代码上传到GitHub
前言关于微软的Visual Studio系列,真可谓是宇宙最强IDE了.不过,像小编这样的菜鸟级别也用不到几个功能.今天给大家介绍一个比较实用的功能吧,把Visual Studio 2017里面写好 ...
WIN8/10 中科院 ARP系统显示和附件上传的解决办法
相信科院体系的朋友们在出国开会的时候都会接触一个ARP系统. ARP系统有多烂这里就不吐槽了,这里只说问题和解决办法.(浪费了我太多时间来解决) 由于ARP系统的开发完全是基于IE8以前的IE浏览器, ...
Google Earth Engine（GEE）——上传数据和数据下载详解
1简介 2背景 2.1 GPS定位数据 2.2 Daymet 天气数据 <
RxHttp 完美适配Android 10/11 上传/下载/进度监听
1.前言随着Android 11的正式发布,适配Android 10/11 分区存储就更加的迫切了,因为Android 11开始,将强制开启分区存储,我们就无法再以绝对路径的方式去读写非沙盒目录下的 ...
html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器
原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一 ...
【Google Play】应用 “更新被拒“ 后续处理 ( 上传新版本后 , 一定要停用被拒的版本, 才可以通过审核 | 停用被拒的版本 | 送审 )
Google Play 上架完整流程系列文章目录 [Google Play]创建 Google 开发者账号 ( 注册邮箱账号 | 创建开发者账号 ) [Google Play]创建并设置应用 ( 访 ...

兼容ie（8、9、10、11），google等浏览器的多附件上传完整演示

兼容ie（8、9、10、11），google等浏览器的多附件上传完整演示相关推荐

最新文章

热门文章