SWF Upload и дополнительные поля (MySQL)

Тема в разделе "PHP", создана пользователем parks, 7 май 2010.

Статус темы:
Закрыта.
Модераторы: latteo
  1. parks

    parks

    Регистр.:
    18 сен 2008
    Сообщения:
    421
    Симпатии:
    42
    Есть флэш загрузщик SWFUpload
    Обработчик подключил к базе , и заставил записывать путь к загруженому файлу.Но нужно добавить ещё пару полей (Описание Название) чтоб тоже передавались в БД. Может кто то сталкивался...
    Буду очень благодарен.
     
  2. Brevis

    Brevis Создатель

    Регистр.:
    6 окт 2007
    Сообщения:
    16
    Симпатии:
    7
    parks нравится это.
  3. parks

    parks

    Регистр.:
    18 сен 2008
    Сообщения:
    421
    Симпатии:
    42
    Прости за глупый вопрос но подскажи куда это пхнуть ?...Я в php новичок, а с java вобще незнаком
    PHP:
    {
        
    upload_url "http://www.swfupload.org/upload.php",
        
    flash_url "http://www.swfupload.org/swfupload.swf",
        
    file_post_name "Filedata",
        
    post_params : {
            
    "post_param_name_1" "post_param_value_1",
            
    "post_param_name_2" "post_param_value_2",
            
    "post_param_name_n" "post_param_value_n"
        
    },
        
    use_query_string false,
        
    requeue_on_error false,
        
    http_success : [201202],
        
    assume_success_timeout 0,
        
    file_types "*.jpg;*.gif",
        
    file_types_description"Web Image Files",
        
    file_size_limit "1024",
        
    file_upload_limit 10,
        
    file_queue_limit 2,
        
    debug false,
        
    prevent_swf_caching false,
        
    preserve_relative_urls false,
        
    button_placeholder_id "element_id",
        
    button_image_url "http://www.swfupload.org/button_sprite.png",
        
    button_width 61,
        
    button_height 22,
        
    button_text "<b>Click</b> <span class="redText">here</span>",
        
    button_text_style ".redText { color: #FF0000; }",
        
    button_text_left_padding 3,
        
    button_text_top_padding 2,
        
    button_action SWFUpload.BUTTON_ACTION.SELECT_FILES,
        
    button_disabled false,
        
    button_cursor SWFUpload.CURSOR.HAND,
        
    button_window_mode SWFUpload.WINDOW_MODE.TRANSPARENT,
        
    swfupload_loaded_handler swfupload_loaded_function,
        
    file_dialog_start_handler file_dialog_start_function,
        
    file_queued_handler file_queued_function,
        
    file_queue_error_handler file_queue_error_function,
        
    file_dialog_complete_handler file_dialog_complete_function,
        
    upload_start_handler upload_start_function,
        
    upload_progress_handler upload_progress_function,
        
    upload_error_handler upload_error_function,
        
    upload_success_handler upload_success_function,
        
    upload_complete_handler upload_complete_function,
        
    debug_handler debug_function,
        
    custom_settings : {
            
    custom_setting_1 "custom_setting_value_1",
            
    custom_setting_2 "custom_setting_value_2",
            
    custom_setting_n "custom_setting_value_n",
        }
    }
     
  4. Brevis

    Brevis Создатель

    Регистр.:
    6 окт 2007
    Сообщения:
    16
    Симпатии:
    7
    Поля, которые необходимо передать вставляются сюда:
    Код:
        post_params : {
            "post_param_name_1" : "post_param_value_1",
            "post_param_name_2" : "post_param_value_2",
            "post_param_name_n" : "post_param_value_n"
        }, 
    
    В твоём случае можно поступить так:
    например, есть <input type="text" id="txt_title" />, в который вводим название.
    Смотрим на код инициализации SWFUploader. Если определено событие старта аплоадинга (что-то такое: upload_start_handler : имя_функции) -- находим эту функцию (имя_функции) и модифицируем следующим образом -- добавляем код (куда-нибудь в начало, можно даже первой строчкой:(
    Код:
    this.setPostParams({"title": document.getElementById('txt_title').value});
    
    Если определения нет -- добавляем сами (например, upload_start_handler : _startUpload) и определяем функцию _startUpload(:(
    Код:
    function _startUpload()
    {
      this.setPostParams({"title": document.getElementById('txt_title').value});
    }		
    
    Теперь можно будет в PHP-скрипте получить название из $_POST['title'] ну и соответственно вставить его в базу.
     
    parks нравится это.
  5. parks

    parks

    Регистр.:
    18 сен 2008
    Сообщения:
    421
    Симпатии:
    42
    Всё сделал , вот что получилось .
    Страница загрузки​

    PHP:
    <!DOCTYPE html>
    <html>
    <head>
    <title>загрузка</title>
    <link href="../css/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../swfupload/swfupload.js"></script>
    <script type="text/javascript" src="../swfupload/swfupload.queue.js"></script>
    <script type="text/javascript" src="js/fileprogress.js"></script>
    <script type="text/javascript" src="js/handlers.js"></script>
    <script type="text/javascript">
            var swfu;
                        
            window.onload = function() {
                var settings = {
                    flash_url : "../swfupload/swfupload.swf",
                    flash9_url : "../swfupload/swfupload_fp9.swf",
                    upload_url: "upload.php",
                    post_params: {"PHPSESSID" : "<?php echo session_id(); ?>","title" : "txt_title"},
                    file_size_limit : "1500 MB",
                    file_types : "*.*",
                    file_types_description : "All Files",
                    file_upload_limit : 100,
                    file_queue_limit : 0,
                    custom_settings : {
                        progressTarget : "fsUploadProgress",
                        cancelButtonId : "btnCancel"
                    },
                    debug: false,
                    
            

                    // Button settings
                    button_image_url: "images/TestImageNoText_65x29.png",
                    button_width: "65",
                    button_height: "29",
                    button_placeholder_id: "spanButtonPlaceHolder",
                    button_text: '<span class="theFont">Hello</span>',
                    button_text_style: ".theFont { font-size: 16; }",
                    button_text_left_padding: 12,
                    button_text_top_padding: 3,
                    
                    // The event handler functions are defined in handlers.js
                    swfupload_preload_handler : preLoad,
                    swfupload_load_failed_handler : loadFailed,
                    file_queued_handler : fileQueued,
                    file_queue_error_handler : fileQueueError,
                    file_dialog_complete_handler : fileDialogComplete,
                    upload_start_handler : uploadStart,
                    upload_progress_handler : uploadProgress,
                    upload_error_handler : uploadError,
                    upload_success_handler : uploadSuccess,
                    upload_complete_handler : uploadComplete,
                    queue_complete_handler : queueComplete    // Queue plugin event
                    
                    
                    
            
                    
        
                    
                    
                    
                };

                swfu = new SWFUpload(settings);
             };
             
        </script>
        
        
        
        
        
        
        
    </head>
    <body>
    <div id="content">
        <form id="form1" action="index.php" method="post" enctype="multipart/form-data">
            <div class="fieldset flash" id="fsUploadProgress">
                <span class="legend">Загрузка файлов</span>
                <input type="text" id="txt_title" />
                </div>
            <div id="divStatus">0 файлов загружено</div>
                <div>
                    <span id="spanButtonPlaceHolder"></span>
                    <input id="btnCancel" type="button" value="Cancel All Uploads" onclick="swfu.cancelQueue();" disabled="disabled" style="margin-left: 2px; font-size: 8pt; height: 29px;" />
                </div>

        </form>
    </div>
    </body>
    </html>

    handlers.js
    PHP:
    /* Demo Note:  This demo uses a FileProgress class that handles the UI for displaying the file name and percent complete.
    The FileProgress class is not part of SWFUpload.
    */
    /* **********************
       Event Handlers
       These are my custom event handlers to make my
       web application behave the way I went when SWFUpload
       completes different tasks.  These aren't part of the SWFUpload
       package.  They are part of my application.  Without these none
       of the actions SWFUpload makes will show up in my application.
       ********************** */
    function preLoad() {
        if (!
    this.support.loading) {
            
    alert("You need the Flash Player 9.028 or above to use SWFUpload.");
            return 
    false;
        }
    }
    function 
    loadFailed() {
        
    alert("Something went wrong while loading SWFUpload. If this were a real application we'd clean up and then give you an alternative");
    }
    function 
    fileQueued(file) {
        try {
            var 
    progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setStatus("Pending...");
            
    progress.toggleCancel(truethis);
        } catch (
    ex) {
            
    this.debug(ex);
        }
    }
    function 
    fileQueueError(fileerrorCodemessage) {
        try {
            if (
    errorCode === SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED) {
                
    alert("You have attempted to queue too many files.\n" + (message === "You have reached the upload limit." "You may select " + (message "up to " message " files." "one file.")));
                return;
            }
            var 
    progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setError();
            
    progress.toggleCancel(false);
            switch (
    errorCode) {
            case 
    SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:
                
    progress.setStatus("File is too big.");
                
    this.debug("Error Code: File too big, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            case 
    SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:
                
    progress.setStatus("Cannot upload Zero Byte files.");
                
    this.debug("Error Code: Zero byte file, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            case 
    SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:
                
    progress.setStatus("Invalid File Type.");
                
    this.debug("Error Code: Invalid File Type, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            default:
                if (
    file !== null) {
                    
    progress.setStatus("Unhandled Error");
                }
                
    this.debug("Error Code: " errorCode ", File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            }
        } catch (
    ex) {
            
    this.debug(ex);
        }
    }
    function 
    fileDialogComplete(numFilesSelectednumFilesQueued) {
        try {
            if (
    numFilesSelected 0) {
                
    document.getElementById(this.customSettings.cancelButtonId).disabled false;
            }
            
    this.startUpload();
        } catch (
    ex)  {
            
    this.debug(ex);
        }
    }
    //Тут воткнул в функцию здесь
    function uploadStart(file) {
        try {
        
    this.setPostParams({"title"document.getElementById('txt_title').value});
            
    /* I don't want to do any file validation or anything,  I'll just update the UI and
            return true to indicate that the upload should start.
            It's important to update the UI here because in Linux no uploadProgress events are called. The best
            we can do is say we are uploading.
             */
            
    var progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setStatus("Uploading...");
            
    progress.toggleCancel(truethis);
        }
        catch (
    ex) {}
        return 
    true;
    }
    function 
    uploadProgress(filebytesLoadedbytesTotal) {
        try {
            var 
    percent Math.ceil((bytesLoaded bytesTotal) * 100);
            var 
    progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setProgress(percent);
            
    progress.setStatus("Uploading...");
        } catch (
    ex) {
            
    this.debug(ex);
        }
    }
    function 
    uploadSuccess(fileserverData) {
        try {
            var 
    progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setComplete();
            
    progress.setStatus("Complete.");
            
    progress.toggleCancel(false);
        } catch (
    ex) {
            
    this.debug(ex);
        }
    }
    function 
    uploadError(fileerrorCodemessage) {
        try {
            var 
    progress = new FileProgress(filethis.customSettings.progressTarget);
            
    progress.setError();
            
    progress.toggleCancel(false);
            switch (
    errorCode) {
            case 
    SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
                
    progress.setStatus("Upload Error: " message);
                
    this.debug("Error Code: HTTP Error, File name: " file.name ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
                
    progress.setStatus("Upload Failed.");
                
    this.debug("Error Code: Upload Failed, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.IO_ERROR:
                
    progress.setStatus("Server (IO) Error");
                
    this.debug("Error Code: IO Error, File name: " file.name ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
                
    progress.setStatus("Security Error");
                
    this.debug("Error Code: Security Error, File name: " file.name ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
                
    progress.setStatus("Upload limit exceeded.");
                
    this.debug("Error Code: Upload Limit Exceeded, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
                
    progress.setStatus("Failed Validation.  Upload skipped.");
                
    this.debug("Error Code: File Validation Failed, File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            case 
    SWFUpload.UPLOAD_ERROR.FILE_CANCELLED:
                
    // If there aren't any files left (they were all cancelled) disable the cancel button
                
    if (this.getStats().files_queued === 0) {
                    
    document.getElementById(this.customSettings.cancelButtonId).disabled true;
                }
                
    progress.setStatus("Cancelled");
                
    progress.setCancelled();
                break;
            case 
    SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED:
                
    progress.setStatus("Stopped");
                break;
            default:
                
    progress.setStatus("Unhandled Error: " errorCode);
                
    this.debug("Error Code: " errorCode ", File name: " file.name ", File size: " file.size ", Message: " message);
                break;
            }
        } catch (
    ex) {
            
    this.debug(ex);
        }
    }
    function 
    uploadComplete(file) {
        if (
    this.getStats().files_queued === 0) {
            
    document.getElementById(this.customSettings.cancelButtonId).disabled true;
        }
    }
    // This event comes from the Queue Plugin
    function queueComplete(numFilesUploaded) {
        var 
    status document.getElementById("divStatus");
        
    status.innerHTML numFilesUploaded " file" + (numFilesUploaded === "" "s") + " uploaded.";
    }
    Ну и мои файлы на всяк случай. Посмотреть вложение swfupload_modern.zip
     
Статус темы:
Закрыта.