jquery+SWFUpload+COS 上传组件的使用说明
1、文档编写目的:
此 文 档 目 的 是 介 绍 jquery+swfUpload 编 写 的 jquery 上 传 插 件
vinSefvinSwfUpload 的简单使用!
2.具体使用步骤:
一:
引入必须的 js 文件和 css 文件:
/*jquery1.4核心库*/
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
/*自定义jquery插件vinSwfUpload的皮肤css样式*/
<link href="css/vinSwfUpload-1.2-skin.css" rel="stylesheet" type="text/css"/>
/*自定义jquery插件vinSwfUpload的主要css样式*/
<link href="css/vinSwfUpload-1.2.css" rel="stylesheet" type="text/css"/>
/*自定义jquery插件vinSwfUpload的jquery插件js*/
<script type="text/javascript" src="vinSWFUpload-1.2.js"></script>
/*官方SwfUpload的核心js/
<script type="text/javascript" src="core/SWFUpload-2.2.js"></script>
二:
在 body 中添加组件显示目标
<div id="vinEdit"></div>
三:
在 jqeury 中初始化插件
<script type="text/javascript">
$(function() {
// 文档就绪
var path = "<%=path%>/uiwidget/vinSwfUpload-1.2/";
var upload = $("#vinEdit").vinSWFUpload( {
uploadURL:'<%=path%>/swf/upload',
width : 500,
heigth : 300,
sizeUnit:"M",
skin:"green",
autoRemoveStoped:false,
flashURL : path+"core/SWFUpload.swf",
addImgURl:path+"images/add.gif",
uploadImgURl:path+"/images/upload.png",
stopImgURl:path+"images/stop.png",
deleteImgURl:path+"images/trash.gif",
tipImgURl:path+"images/tip.gif"