郑德才博客 记录学习,记录工作,学习知识分享!

文件上传_HTML5与SWFUpload

一、
不支持HTML5上传的只能是flash~

不过发现网上关于swfupload的文章实在太多了,还有中文手册~

下载地址:http://code.google.com/p/swfupload/

英文手册:http://demo.swfupload.org/Documentation/

中文手册:http://leeon.me/upload/other/swfupload.html(需要注意下更新时间~)

1、就像手册中提到的,用swfupload做上传的时候,需要在页面中加个JS

<script type="text/javascript" src="http://www.swfupload.org/swfupload.js"></script>

2、需要对swf对象初始化,传入配置的参数


var settings_object = {
        upload_url : "http://www.swfupload.org/upload.php",
        flash_url : "http://www.swfupload.org/swfupload.swf",
        button_placeholder_id : "spanSWFUploadButton",
        file_size_limit : "20480" ,
        upload_start_handler : uploadStartEventHandler,//失败回调函数
        upload_success_handler : uploadSuccessEventHandler//成功回调的函数
        ...//其他需要的配置
    };
   
var swfu = new SWFUpload(settings_object);

二、安全性
不过需要提醒的,用swf上传文件,具有安全性隐患,所以一定要自己修正后再用,具体可以见:http://www.imququ.com/post/security_problem_in_flash_uploader.html

另外在实际的运用中,高级浏览器可以用HTML5的方式上传,IE用swf吧。。

 

三、
可以在页面中这样:


<script type="text/template" id="upload-file">
    <input id="uploadFile" type="file" />
</script>
<script type="text/template" id="upload-flash">
    <object id="SWFUpload" width="100" height="20" class="swfupload">
        <param value="opaque" name="wmode">
        <param value="swfupload.swf">
    </object>
</script>然后在JS中根据不同的浏览器抽取不同的HTML,达到兼容的效果~

2012年8月9日 | 发布:郑德才博客 | 分类:网络文摘 | 评论:1

留言列表:

  • 宁波痔疮医院 发布于 2012/8/11 16:04:52  回复

  • 现在的博客也不如往日那般兴盛了,不知最后会不会被微博、轻微博以及新的事物所取代,想来博主们也在纠结,是否要坚持更新。

发表留言: