加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

多个swfupload实例上传图片,缩略图

发布时间:2020-12-15 18:00:51 所属栏目:百科 来源:网络整理
导读:先生成一个swfupload实例 var swfu_0 = new SWFUpload({ // Backend Settings upload_url: "index.php?_p=repair_a=upload",//上传地址 post_params: {"PHPSESSID": "?php echo session_id(); ?"},// File Upload Settings file_size_limit: "3 MB",// 2MB f


先生成一个swfupload实例

        var swfu_0 = new SWFUpload({
            // Backend Settings
            upload_url: "index.php?_p=repair&_a=upload",//上传地址
            post_params: {"PHPSESSID": "<?php echo session_id(); ?>"},// File Upload Settings
            file_size_limit: "3 MB",// 2MB
            file_types: "*.jpg;*.bmp;*.gif;*.png",file_types_description: "JPG Images",file_upload_limit: "3",// Event Handler Settings - these functions as defined in Handlers.js
            //  The handlers are not part of SWFUpload but are part of my website and control how
            //  my website reacts to the SWFUpload events.
//            file_queued_handler: fileQueued,file_queue_error_handler: fileQueueError,file_dialog_complete_handler: fileDialogComplete,upload_progress_handler: uploadProgress,//upload_error_handler:uploadError,//            upload_start_handler: uploadStart,upload_success_handler: uploadSuccess,//            upload_complete_handler: uploadComplete,swfupload_loaded_handler: loaded,//初始化函数,列表展示用

            // Button Settings
            button_image_url: "/static/images/TestImageNoText_80x26.png",button_placeholder_id: "spanButtonPlaceholder",//上传图片“按钮”
            button_width: 85,button_height: 26,button_text: '<span class="button" >添加图片</span>',button_text_style: '.button { font-family: Helvetica,Arial,sans-serif; font-size: 12px; line-height:26px;color:#ffffff; }',//标准css格式
            button_text_top_padding: 3,button_text_left_padding: 18,button_window_mode: SWFUpload.WINDOW_MODE.TRANSPARENT,button_cursor: SWFUpload.CURSOR.HAND,// Flash Settings
            flash_url: "/static/js/swfupload/swfupload/swfupload.swf",custom_settings: {
//                progressTarget: "fsUploadProgress",//                cancelButtonId: "btnCancel",upload_target: "divFileProgressContainer",//
                swf_id: 'swfu_0',//swf实例id
                swf_thum_id: 'thumbnails_0',//上传图片组id
                swf_thum_del_id: 'thum_del_0'//删除图片组id

            },// Debug Settings
            debug: false
        });


点击按钮上传,php处理:保存图片,然后生成缩略图(生成缩略图函数http://www.phper.org.cn/?post=26)保存到session的file_info字段里

? ? $minImg = MiniImg($filePath,'100 * 100');
? ? ob_start();
// ? ?header("Content-Type: image/png");
? ? readfile($minImg);
? ? $img = ob_get_contents();
? ? ob_end_clean();
? ? $_SESSION["file_info"]['thum_id'] = $img;

返回格式"FILEID:" . $thumid . '&url=' . $imgpath;


js的uploadSuccess函数:

if (serverData.substring(0,7) === "FILEID:") {
	addImage("/index.php?_p=repair&_a=thumbnail&id=" + serverData.substring(7,39) + "&url=" + serverData.substring(39),this);
}
//显示缩略图
function addImage(src,swf) {
    var stats = swf.getStats();
    var i = stats.successful_uploads;//删除的序号

    $("#" + swf.customSettings.swf_thum_id).append("<span class='uploadpic'><img src='" + src + "' width='60' height='60' /><a href='#' id='" + swf.customSettings.swf_thum_del_id + i + "'>删除 </a><input name='" + swf.customSettings.swf_thum_id + "[]' type='text' style='display:none' value='" + src + "'></span>");
    //删除图片
    $("#" + swf.customSettings.swf_thum_del_id + i).bind("click",function () {
        $(this).parent().remove();
        //swfu参见iframe页面中的 swfu = new SWFUpload(settings);
        stats.successful_uploads--;
        swf.setStats(stats);
    });
}

列表页初始化swfupload

function loaded() {
    var jsThum_ = jsThum[this.customSettings.swf_thum_key];//图片路径事先保存到js数组里
    if (jsThum_.length != 0) {
        for (var k in jsThum_) {
            var stats = this.getStats();
            stats.successful_uploads++;
            this.setStats(stats);
            addImage(jsThum_[k],this);

        }
    }
}


参考链接: http://hyshucom.iteye.com/blog/1674839

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读