uploadify插件的使用

Posted 2020-08-09 Loweringye

插件：
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){
    
    }
});