当前位置: 代码迷 >> Web前端 >> uploadify 兑现文件上传
  详细解决方案

uploadify 兑现文件上传

热度:456   发布时间:2012-07-05 07:59:17.0
uploadify 实现文件上传
<div id="upload_file" style="display:none;z-index:6000;">
<table style="width: 400px;">
<tr>
<td class="title">文件<span class="ff0000"> *</span></td>
<td colspan="3">
<input type="file" name="uploadFile" id="file" />
<div id="fileQueue"></div>

上传


<ol class=files></ol>
</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
    $("#file").uploadify({
        /*注意前面需要书写path的代码*/
        'uploader'       : 'upload/uploadify.swf',
        'script'         : '',
        'cancelImg'      : 'upload/cancel.png',
        'queueID'        : 'fileQueue', //和存放队列的DIV的id一致
        'scriptData':{},
        'fileDataName'   : 'uploadFile', //和以下input的name属性一致
        'auto'           : false, //是否自动开始
        'multi'          : true, //是否支持多文件上传
        'buttonText'     : 'Browse', //按钮上的文字
        'simUploadLimit' : 1, //一次同步上传的文件数目
        'sizeLimit'      : 19871202, //设置单个文件大小限制
        'queueSizeLimit' : 1, //队列中同时存在的文件个数限制
        //'fileDesc'       : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性,那么这个属性是必须的
        //'fileExt'        : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允许的格式 
        onComplete: function (event, queueID, fileObj, response, data) {
        response=$.parseJSON(response);
        if(response.result!=0){
        alert("上传文件失败,请稍后再试");
        }
},
onError: function(event, queueID, fileObj) {
alert("文件:" + fileObj.name + "上传失败");
},
onCancel: function(event, queueID, fileObj){
alert("取消了" + fileObj.name);
}
    });
});

function uploadifyUpload(){
//动态改变提交路径
$('#file').uploadifySettings('script',folder_service_path+'UploadFile');
//自定义参数传递
$('#file').uploadifySettings("scriptData",{"a":"b"});
$('#file').uploadifyUpload();
}
</script>
</div>