FTP+SpringMVC+Uploadify实现带进度条多文件上传

最新推荐文章于 2016-10-09 13:59:23 发布

金牛不懂不懂

最新推荐文章于 2016-10-09 13:59:23 发布

阅读量2.3k

点赞数

分类专栏： Java 文章标签： ftP springmvc

本文链接：https://blog.csdn.net/u010810559/article/details/45742811

版权

由于长期做接口，从来都是研究数据库、字段、增删改。文件的上传下载有些接触，但是都是完全封装后的一个调用，很少接触那么深刻。那么，问题来了。之前忽然接到一个网站，其实很简单，就包括上传、下载、分页。但是一下就感觉晕了。首先js长期不接触，手生了，然后就只能慢慢研究了，各种试。经过4天的工作日以及加班终于完成了这个简单又困难的问题。下载和分页的代码之前已经发了，现在是上传的代码

web前端：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <link rel="stylesheet" type="text/css" href="${cxt}/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="${cxt}/css/main.css"/>
    <link rel="stylesheet" type="text/css" href="${cxt}/js/jquery.uploadify-v2.1.4/uploadify.css"/>
    <script type="text/javascript" src="${cxt}/js/jquery-1.7.1min.js"></script>
    <script type="text/javascript" src="${cxt}/js/jquery.uploadify-v2.1.4/jquery.uploadify.min.js"></script>
    <script type="text/javascript">
    $(document).ready(
      function() {

      var uf_mob=$('#uf_mob').val();

      if(uf_mob==null||uf_mob==''){

        alert("会话已超时请您重新登录");
        location.href="${cxt}/index.jsp";
      }

      });



    $(document).ready(function () {
         $("#uploadify").uploadify({
         'swf' : '${cxt}/js/jquery.uploadify-v2.1.4/uploadify.swf',//控件flash文件位置
                 //后台处理的请求（也就是action请求路径），后面追加了jsessionid，用来标示使用当前session（默认是打开新的session，会导致存在session校验的请求中产生302错误）
                 'uploader' : '${cxt}/uploadFiles',
     'queueID' : 'fileQueue',//与下面HTML的div.id对应

最低0.47元/天解锁文章

金牛不懂不懂

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
FTP+SpringMVC+Uploadify实现带进度条多文件上传

由于长期做接口，从来都是研究数据库、字段、增删改。文件的上传下载有些接触，但是都是完全封装后的一个调用，很少接触那么深刻。那么，问题来了。之前忽然接到一个网站，其实很简单，就包括上传、下载、分页。但是一下就感觉晕了。首先js长期不接触，手生了，然后就只能慢慢研究了，各种试。经过4天的工作日以及加班终于完成了这个简单又困难的问题。下载和分页的代码之前已经发了，现在是上传的代码 web前端：
复制链接

扫一扫