uploadify示例

最新推荐文章于 2021-03-11 11:23:07 发布

mengtianbao

最新推荐文章于 2021-03-11 11:23:07 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： myeclipse stylesheet javascript jquery function html

本文链接：https://blog.csdn.net/mengtianbao/article/details/7877993

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本例子实现多了文件上传，绝对好用。希望新手朋友稍微有点耐心，先把uploadify包下载了，然后把引用的路径写对，就可以运行了。

下面是我用myeclipse8.5已经实现了多文件上传的例子。

<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Upload</title>
  
  <link href="jquery/uploadify.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="jquery/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="jquery/swfobject.js"></script>
  <script type="text/javascript"
   src="jquery/jquery.uploadify.v2.1.0.min.js"></script>
  
  <script type="text/javascript">
$(document).ready(
   function() {
    $("#uploadify").uploadify( {//初始化函数

'height' : 30,

'width' : 110,

       'uploader' : 'jquery/uploadify.swf',//flash文件位置，注意路径
       'script' : 'servlet/Upload',//后台处理的请求
       'cancelImg' : 'jquery/cancel.png',//取消按钮图片
       'folder' : 'jquery/uploadsFolder',//您想将文件保存到的路径，将auto设置为true里才有用，不然跳到类里去处理，那就那里说了算
       'queueID' : 'fileQueue',//与下面的上传文件列表id对应
       'queueSizeLimit' : 8,//上传文件的数量
       'scriptData' : {
        'a' : 'value1',
        'b' : 'value2'
       },//向后台传的数据
       'fileDesc' : 'rar文件或zip文件',//上传文件类型说明
       //    'fileExt' :'*.rar;*.zip;*txt,*doc,*docx', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc
       'method' : 'get',//如果向后台传输数据，必须是get
       //    'sizeLimit':1000000,//文件上传的大小限制，单位是字节
       'auto' : false,//是否自动上传
       'multi' : true,
       'simUploadLimit' : 8,//同时上传文件的数量，设置了这个参数后，那么你会因设置multi:true和queueSizeLimit：8而可以多选8个文件，但如果一旦你将simUploadLimit也设置了，那么只会上传这个参数指定的文件个数，其它就上传不了
       'buttonText' : 'BROWSE',//浏览按钮图片
       'onComplete' : function(event, queueID, fileObj,
         serverData, data) {//当上传完成后的回调函数，ajax方式哦~~
        alert('已上传至：'+fileObj.filePath);
       }
      });
   });
</script>
</head>
<body>
  <div id="fileQueue"></div>
  <input type="file" name="uploadify" id="uploadify" />
  <p>
   <a href="javascript:jQuery('#uploadify').uploadifyUpload()">开始上传</a> 
   <a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消所有上传</a>
  </p>
</body>
</html>

mengtianbao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
uploadify示例

本例子实现多了文件上传，绝对好用。希望新手朋友稍微有点耐心，先把uploadify包下载了，然后把引用的路径写对，就可以运行了。下面是我用myeclipse8.5已经实现了多文件上传的例子。 Upload src="jquery/jquery.uploadify.v2.1.0.min.js"> $
复制链接

扫一扫

专栏目录