WebServices 模式实现
uploadive
一.前端
1. uploadifive 上传控件,和 uploadify 不同,这个控件是基于 HTML5 的版本而不用支持 falsh,因而移动
端也可以使用
2.解压缩包并将以下文件上传到您网站上的文件夹中:
jquery.uploadify-3.1.min.js
uploadify.swf
uploadify.css
uploadify-cancel.png
3.添加对 jQuery 库的引用。
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
4.在引用 jQuery 之前,添加对 Uploadify 脚本的引用。
<script type="text/javascript" src=" /uploadify/jquery.uploadifive.min.js"></script>
<link type = “text / css” href=" /uploadify/uploadifive.css" rel="stylesheet" />
5.在页面上,添加文件输入(或任何其他具有 ID 的元素)
<input type="file" name="file_upload" id="file_upload" />
6.JS 中初始化 Uploadify。
var typeStr = "LOADPLAN";
$(document).ready(function(){
$(‘# file_upload).uploadifive({
'buttonImage': '/lib/uploadify/browse-btn.png',
'uploadScript': McodsConfig.Server + '/Handler/Upload.ashx',
'method': 'post',
'queueID ': 'tip-queue1',
//'formData': { 'folder': '/loadplan', 'type': typeStr,
'userid': $.cookie("c_UserID"), 'unitid': unitid }, --初始化时传递的静态参数
'auto': true,
'multi': false,