plupload +springMVC实例应用(IE9下,文件多选,上传,终止,带有进度条)

本文介绍了如何使用plupload插件在IE9环境下实现文件多选、上传、终止功能,并展示进度条效果。通过与SpringMVC后端交互,完成文件上传的完整流程。同时提供了相关前端和后端的代码示例。
摘要由CSDN通过智能技术生成

当然首先你要将相关资源导到项目中

<script type="text/javascript" src="<%=basePath%>js/jquery-2.0.3.min.js"></script>

<script type="text/javascript" src="<%=basePath%>js/plupload.full.min.js"></script>

<script type="text/javascript" src="<%=basePath%>js/plupload.dev.js"></script>

<style>

body{ font-size: 12px;}
body,p,div{ padding: 0; margin: 0;}
#file-list{ margin-left:10px;}
#file-list li{ margin-bottom: 10px;}
.file-name{ line-height: 15px;}
.progress{ height: 15px; font-size: 0; line-height: 4px; background: #38b1eb; width: 0;}
    .catalogue{ position: fixed; _position:absolute; _width:200px; left: 0; top: 0; border: 1px solid #ccc;padding: 10px; background: #eee}
    .catalogue a{ line-height: 30px; color: #0c0}
    .catalogue li{ padding: 0; margin: 0; list-style: none;}
    .container{width:600px; border:1px solid #6C9C2C;height:15px;} 
    .removeFile:hover{text-decoration:underline;color:#33ccff;}
</style>

<form id="dataForm" method="post" enctype="multipart/form-data" name="dataForm" >

<div id="uploader" style="float:left;">

<div class="tong1" id="directoryText" style="float:left;margin-top:20px;margin-left:10px;width:700px;">
  <a id="browse" class="liulan" href="javascript:void(0)" style="width:80px;">选择文件</a>
    <a id="upload-btn"  class="liulan" href="javascript:void(0)" style="width:80px;">开始上传</a> 
</div> 
<div id="files" style="overflow:auto;width:700px;height:300px;">
    <ul id="file-list" style="margin-top:5px;">
    </ul>
 </div>

</div>

<form>

<script>

var uploader = new plupload.Uploader({ 
 //实例化一个plupload上传对象
browse_button : 'browse',

        //后台方法路径
url : '<%=basePath%>data/batchImport',
//设置自定义参数/自定义变量
multipart_params: { 'dir': '','directoryId':'','description':'','dirDesc':''},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值