jUploader详解


$.jUploader.setDefaults({
cancelable : true,
allowedExtensions : [ 'jpg', 'png', 'gif' ],
messages : {
upload : '上传照片',
cancel : '取消上传',
emptyFile : "{file} 为空,请选择一个文件.",
invalidExtension : "{file} 后缀名不合法. 只有 {extensions} 是允许的.",
onLeave : "文件正在上传,如果你现在离开,上传将会被取消。"
}
});



$.jUploader({
button : 'uploadPhoto', // 这里设置按钮id
action : 'uploadPhoto.action', // 这里设置上传处理接口

// 开始上传事件
onUpload : function(fileName) {
JS.$('#photos').hide();
JS.$('#loading').show();
},

// 上传完成事件
onComplete : function(fileName, response) {

// response是json对象,格式可以按自己的意愿来定义,例子为: { success: true, fileUrl:'' }
if (response.success) {
JS.$('#loading').hide();
JS.$('#photos').attr('src', 'showPhoto.action?img=' + response.fileUrl).show();
JS.$('#photo').attr('value', response.filePath);
// 这里说明一下,一般还会在图片附近加添一个hidden的input来存放这个上传后的文件路径(response.fileUrl),方便提交到服务器保存
} else {
$('#photo').show();
$('#loading').hide();
alert('上传失败');
}
},

// 取消上传事件
onCancel : function(fileName) {
$('#photos').show();
$('#loading').hide();
}
});

/**
* 空间配置
*/


//获取地址栏参数
function getArgs(strParame) {
var args = new Object();
var query = location.search.substring(1);

var pairs = query.split("&"); // Break at ampersand
for ( var i = 0; i < pairs.length; i++) {
var pos = pairs[i].indexOf("=");
if (pos == -1)
continue;
var argname = pairs[i].substring(0, pos);
var value = pairs[i].substring(pos + 1);
value = decodeURIComponent(value);
args[argname] = value;
}
return args[strParame];
}




<td width="100" align="center" rowspan="5">      照片:</td>
<td rowspan="5" align="center">
<div class="item" align="center">
<div class="preview" align="center">
<img id="photos" width="118" height="156" src="images/empty.png"
alt="photos" /> <img id="loading"
style="margin: 55px 55px; display: none" width="15" height="15"
src="images/loading.gif" alt="loading" />
</div>
<br />
<div id="uploadPhoto" align="center">
<span style="color: white"></span>
</div>
<input type="hidden" name="photo" id="photo" />
</div>
</td>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值