码迷,mamicode.com
首页 > 其他好文 > 详细

uploadify插件的使用

时间:2016-09-23 16:32:28      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

插件:
uploadify.css
jquery.uploadify.js
bootstrap
html代码:
<input type="file" name="uploadify_coverimg" id="uploadify" />
<div id="the_coverimg"></div>
js代码:
$("#uploadify").uploadify({
    ‘swf‘       : ‘js/uploadify.swf‘,
    ‘uploader‘         : ‘/‘,
    ‘cancelImg‘      : ‘cancel.png‘,
    ‘queueID‘        : ‘the_coverimg‘,
    ‘auto‘           : true,
    ‘queueSizeLimit‘ : 10,
    ‘multi‘          : true,
    ‘buttonText‘     : ‘选择上传文件‘,
    ‘fileTypeDesc‘       : ‘图片文件‘,
    ‘fileObjName‘   : ‘image‘,
    ‘fileSizeLimit‘ : ‘2048KB‘,
    ‘formData‘     : {‘path‘:‘‘, ‘name‘:‘‘, ‘PHPSESSID‘: ‘‘}, 
    ‘fileTypeExts‘        : ‘*.jpeg;*.jpg;*.png;*.gif‘,
    onUploadSuccess : function(file,data,resp){
        response = eval(‘(‘+data+‘)‘)        
    }
});
$("#uploadify").uploadify({
    ‘swf‘       : ‘js/uploadify.swf‘,
    ‘uploader‘  : ‘/‘,
    ‘queueID‘        : ‘the_coverimg‘,
    ‘auto‘           : true,
    ‘multi‘          : false,
    ‘buttonText‘     : ‘选择上传文件‘,
    ‘fileTypeDesc‘       : ‘图片文件‘,
    ‘fileObjName‘   : ‘image‘,
    ‘formData‘     : {‘path‘:‘‘,‘PHPSESSID‘: ‘‘}, 
    ‘fileTypeExts‘        : ‘*.jpeg;*.jpg;*.png;*.gif‘,
    onUploadSuccess : function(file,response,resp){
    
    }
});

 

uploadify插件的使用

标签:

原文地址:http://www.cnblogs.com/loweringye/p/5900423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!