uploadfy使用
<link rel="stylesheet" type="text/css" href="${basepath }/static/ixin/css/uploadify.css">

<script src="${basepath }/static/ixin/js/jquery.uploadify.min.js" type="text/javascript"></script>

 

$(document).ready(function(){

$('#file_upload').uploadify({

'formData'     : {

'token'     : token,

},

'fileObjName'  : 'file',

'buttonText' : '<i class="glyphicon glyphicon-open"></i>上传',

'buttonClass' : 'upload_access',

'swf'      : basepath+'/static/ixin/css/uploadify.swf',

'uploader' : 'http://up.qiniu.com/',

'onUploadSuccess' : function(file,data,response){

var result = eval("("+data+")");

$('#showImage').attr("src",qiniuImageBasePath+result.hash+coverSuffix);

$('#showImage').show();

$("#image_cover").html("<img style='max-width:100px;max-height:200px;' src = '"+qiniuImageBasePath+result.hash+coverSuffix+"'>");

$("#small_prev").show();

//文件长传完成之后,在本地保存一份文件信息的数据

$('#coverPath').val(result.hash);

saveFile(file,result);

}

});

 

});

 

 

<div class="frm_input_box">

<div class="upload_box">

<div class="upload_area">

<input type="file" name="file_upload" id="file_upload" />

<ul class="upload_file_box" style="display: none;" id="queue"></ul>

</div>

</div>

<div style="display: none;margin-bottom:20px;" id="small_prev">

<span id="image_cover"></span><a class="js_removeCover" href="javascript:void(0);" onclick="deleteCover();">删除</a>

</div>

 

</div>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014411966/article/details/52367313
想对作者说点什么? 我来说一句

Jquery上传demo

2014年02月26日 9.94MB 下载

uploadfy插件.net源码实例

2016年05月19日 303KB 下载

uploadfy上传文件

2013年07月21日 49KB 下载

asp.net 利用jquery-uploadfy上传

2011年07月01日 987KB 下载

没有更多推荐了,返回首页

不良信息举报

uploadfy使用

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭