在为JQuery使用Uploadify插件时无法更改“scriptData”

时间:2010-10-29 10:48:06

标签: jquery jquery-plugins uploadify scriptdata

我正在使用此处的插件:http://www.uploadify.com/

我正在尝试更新/添加scriptData但它无法正常工作。价值总是保持不变,我做错了什么?

以下是我标题中的相关代码..

<script type="text/javascript">
$(document).ready(function() {
    $('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'upload_test.php',
        'scriptData': {'full_name': 'JohnDoe'},
        'fileDataName': 'sampleFile',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png',
        'onAllComplete' : function(){
            $('#sampleFile').uploadifySettings('scriptData', { 'full_name': $('#full_name').val() });
        }
    });
});

</script>

我也试过了..

<script type="text/javascript">
$(document).ready(function() {
    $('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'upload_test.php',
        'scriptData': {'full_name': 'JohnDoe'},
        'fileDataName': 'sampleFile',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png',
        'onAllComplete' : function(){
            $('#sampleFile').uploadifySettings('scriptData', document.getElementById('full_name').value);
        }
    });
});

</script>

这是我的HTML代码..

<div id="upload_wrapper">
    <input type="text" id="full_name" name="full_name" /><br />
    <input id="sampleFile" name="sampleFile" type="file" />
    <input type="button" name="upload" value="Upload" onclick="javascript:$('#sampleFile').uploadifyUpload();" />
</div>

我总是通过'full_name'POST var。

返回'JohnDoe'

1 个答案:

答案 0 :(得分:0)

好吧,我最终使用了类似下面的东西....虽然它不会在完成时触发,但实际上它在开始上传之前就更好了。

标题是这样..

$(document).ready(function() {
    $('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'add_list.php',
        'scriptData': {'mode': '', 'page_title': ''},
        'fileDataName': 'sampleFile',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png',
        'queueID': 'sampleQueue'
    });
    $("#add_list").submit(function(){
        var $upload = $("#sampleFile");
        $upload.uploadifySettings('scriptData', { 'mode': 'error_check' });
        $upload.uploadifySettings('scriptData', { 'page_title': $('#page_title').val() });
        /* Error Check */
        var error_check = checkSubmission();
        if (error_check === false) {
            $upload.uploadifyUpload(); // Triggers the upload to start.
        }
    });
});

..和相关的HTML代码类似..

    <form name="add_list" id="add_list" method="post" enctype="multipart/form-data">
        <input type="hidden" name="mode" value="" />
        <input type="text" name="page_title" id="page_title" />
        <input id="sampleFile" name="sampleFile" type="file" />
        <div id="sampleQueue"></div>
        <input type="button" name="upload" value="Add List" onclick="javascript:$('#sampleFile').submit();" />
    </form>

我希望这可以帮助其他人! :)