SWFUpload 上传文件控件

最新推荐文章于 2021-03-21 00:15:58 发布

k7752406

最新推荐文章于 2021-03-21 00:15:58 发布

阅读量425

点赞数

分类专栏：页面控件

页面控件专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用SWFUpload实现文件上传功能，包括设置参数、上传过程及错误处理。

<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>SWFUpload</title>
<link href="../JS/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../JS/swfupload.js"></script>
<script type="text/javascript" src="../JS/swfupload.queue.js"></script>
<script type="text/javascript" src="../JS/fileprogress.js"></script>
<script type="text/javascript" src="../JS/handlers.js"></script>
<script type="text/javascript">
var swfu;

  window.onload = function() {
   var settings = {
    flash_url : "../JS/swfupload.swf",
    upload_url: "../test.jsp",
    file_size_limit : "100 MB",
    file_types : "*.*",
    file_types_description : "All Files",
    file_upload_limit : 10, //配置上传个数
    file_queue_limit : 0,
    custom_settings : {
     progressTarget : "fsUploadProgress",
     cancelButtonId : "btnCancel"
    },
    debug: false,

    // Button settings
    button_image_url: "images/TestImageNoText_65x29.png",
    button_width: "65",
    button_height: "29",
    button_placeholder_id: "spanButtonPlaceHolder",
    button_text: '<span class="theFont">浏览</span>',
    button_text_style: ".theFont { font-size: 16; }",
    button_text_left_padding: 12,
    button_text_top_padding: 3,

    file_queued_handler : fileQueued,
    file_queue_error_handler : fileQueueError,
    file_dialog_complete_handler : fileDialogComplete,
    upload_start_handler : uploadStart,
    upload_progress_handler : uploadProgress,
    upload_error_handler : uploadError,
    upload_success_handler : uploadSuccess,
    upload_complete_handler : uploadComplete,
    queue_complete_handler : queueComplete
   };

swfu = new SWFUpload(settings);
};
</script>
</head>
<body>
<div id="header">
<h1 id="logo"><a href="/">SWFUpload</a></h1>
<div id="version">v2.2.0</div>
</div>

<div id="content">
<form id="form1" action="../test.jsp" method="post" enctype="multipart/form-data">
  <p>点击“浏览”按钮，选择您要上传的文档文件后，系统将自动上传并在完成后提示您。</p>
  <p>请勿上传包含中文文件名的文件！</p>
  <div class="fieldset flash" id="fsUploadProgress">
   <span class="legend">快速上传</span>
   </div>
  <div id="divStatus">0 个文件已上传</div>
   <div>
    <span id="spanButtonPlaceHolder"></span>
    <input id="btnCancel" type="button" value="取消所有上传" onclick="swfu.cancelQueue();" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
   </div>
        <input id="btnUpload1" type="button" value="开始上传" onclick="swfu.startUpload()" style="margin-left: 2px; height: 22px; font-size: 8pt;" />
</form>
</div>

</body>
</html>

http://www.phptogether.com/swfuploadoc/#fileQueued中文手册

http://zzb20081225.blog.163.com/blog/static/139636994201131710540249/不自动上传

中文文件名乱码问题，默认编码方式问utf-8，解码也采用即可