js uploadify
html -------------------------------
<div id="atta_fileQueue4"></div>
<input type="hidden" name="attachBean.payment_url" id="attaUr4" />
<input type="file" class="form-control" id="atta_upload4" />
<p>
<!-- 加上“*”表示当第一个文件上传成功后,立即上传以后队列中的文件,否则需要自己手动 -->
<a href="javascript:$(‘#atta_upload4‘).uploadify(‘upload‘,‘*‘)"
class="btn green">上传</a>| <a
href="javascript:$(‘#atta_upload4‘).uploadify(‘cancel‘,$(‘.uploadifive-queue-item‘).first().data(‘file‘))"
class="btn red">取消</a>
</p>
js方法---------------------------------
initUploadify(‘atta_upload4‘, ‘atta_fileQueue4‘, ‘attaUr4‘);
function initUploadify(initId, queueId, eleId) {
$(‘#‘ + initId).uploadify({
// ‘debug‘:‘false‘,
‘swf‘ : basePath + ‘/plugins/uploadify/uploadify.swf‘,// 上传按钮的图片,默认是这个flash文件
‘uploader‘ : basePath + ‘/jQueryFileUpload‘,// 上传所处理的服务器
‘cancelImg‘ : ‘${basePath}/plugins/uploadfiy/uploadify-cancel.png‘,// 取消图片
‘method‘ : ‘post‘,
‘folder‘ : basePath + ‘/upload‘,// 上传后,所保存文件的路径
‘queueID‘ : queueId,// 上传显示进度条的那个div
‘buttonText‘ : ‘请选择文件‘,
‘onUploadComplete‘ : function(file) {
// alert(‘The file‘+file.name+‘finished processing!‘)
console.log(file);
},// 每个文件上传成功后的函数
‘progressData‘ : ‘percentage‘,
‘auto‘ : false,
‘multi‘ : false,
‘onDisable‘ : function() {
alert(‘uploadify is disable‘);
},// 在调用disable方法时候触发
‘onError‘ : function(errorType, errObj) {
alert(‘The error was: ‘ + errObj.info)
},
‘onUploadSuccess‘ : function(fileObj, data, response) {
console.log(fileObj);
console.log("data=" + data);
var obj = eval("(" + data + ")");
for ( var i = 0; i < obj.files.length; i++) {
console.log(obj.files[i].url);
$("#" + eleId).val(obj.files[i].url);
}
},
‘removeCompleted‘ : false,
‘onFallback‘ : function() {
alert("此浏览器未安装Flash");
},
‘onUploadError‘ : function(file, errorCode, errorMsg) { //上传失败
console.error(file.name + "上传失败,</br>错误信息:" + errorMsg);
}
});
}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。