javascript - SWFUpload 如何工作？

Question

除了上传部分，我下面的代码有效。到目前为止，我能够毫无问题地加载脚本，并且当用户单击上传按钮时文件对话框打开。

但是，我要做的是将文件分配给包含其他文本输入和文本区域元素的表单。

基本上我正在尝试这样做:

1. 用户用值填写表单(即填写文本输入、文本区域字段)
2. 用户使用 SWFUpload 选择一个文件
3. 用户提交表单

是否可以将文件挂接到表单上的文件输入元素，以便在手动提交表单时一次性发送所有值？

据我所知，SWFUpload 用于自动在后台自动提交文件......这是否可以手动完成并在一个表单上完成？

     $('.swfupload-control').swfupload({

        // File Upload Settings
        file_size_limit : "102400", // 100MB
        file_types : "*.*",
        file_types_description : "All Files",
        file_upload_limit : "10",
        file_queue_limit : "0",

        // Button Settings
        button_image_url : "/images/upload_song.gif", // Relative to the SWF file
        button_placeholder_id : "spanButtonPlaceholder",
        button_width: 186,
        button_height: 32,

        // Flash Settings
        flash_url : "/javascripts/swfupload/swfupload.swf"

    });


    $('.swfupload-control')
        .bind('swfuploadLoaded', function(event){
            $('#log').append('<li>Loaded</li>');
        })
        .bind('fileQueued', function(event, file){
            $('#log').append('<li>File queued - '+file.name+'</li>');

          //$('#song_attachment').val(file);

          $('#update-media').parents('li').find('p').remove();
          $('#update-media').parents('li').append('<p>'+(file.name.length >= 45 ? file.name.substr(0, 45) + '...' : file.name)+'</p>');
            // start the upload since it's queued
            //$(this).swfupload('startUpload');
        })
        .bind('fileQueueError', function(event, file, errorCode, message){
            $('#log').append('<li>File queue error - '+message+'</li>');
        })
        .bind('fileDialogStart', function(event){
            $('#log').append('<li>File dialog start</li>');
        })
        .bind('fileDialogComplete', function(event, numFilesSelected, numFilesQueued){
            $('#log').append('<li>File dialog complete</li>');
        })
        .bind('uploadStart', function(event, file){
            $('#log').append('<li>Upload start - '+file.name+'</li>');
        })
        .bind('uploadProgress', function(event, file, bytesLoaded){
            $('#log').append('<li>Upload progress - '+bytesLoaded+'</li>');
        })
        .bind('uploadSuccess', function(event, file, serverData){
            $('#log').append('<li>Upload success - '+file.name+'</li>');
        })
        .bind('uploadComplete', function(event, file){
            $('#log').append('<li>Upload complete - '+file.name+'</li>');
            // upload has completed, lets try the next one in the queue
            $(this).swfupload('startUpload');
        })
        .bind('uploadError', function(event, file, errorCode, message){
            $('#log').append('<li>Upload error - '+message+'</li>');
        });

Answer 1

抱歉，我不知道 SWF 上传，如果不相关我准备删除这个答案......但是:

我在这里制作了两个应用程序:https://github.com/apneadiving/Pic-upload---Crop-in-Ajax

一个是Uploadify和一个 jQuery-File-Upload .

它们都能满足您的需求(ajax 提交、多个文件上传)。我会推荐 Jquery 文件上传，因为它不需要 flash。

我这里也写了教程:https://github.com/blueimp/jQuery-File-Upload/wiki/jQuery-File-Upload-for-Rails-3