使用Uploadify时验证额外输入

时间:2013-10-25 15:03:08

标签: javascript uploadify

首先我要说的是,我不是一个网络开发人员(或任何类型的开发人员),我只是一个低级IT人员,试图做3人的工作:)感谢这里的其他一些帖子,我已经能够做到这一点,但我仍然缺少一步。

我已在uploadify页面添加了一个文本框,以便用户可以输入用户名,以便添加到他们上传的文件中。前置的东西都在uploadify.php中。我有使用此代码的文本框数据:

<form>
     <div id="queue"></div>
     <input id="UserName" name="UserName" type="text" placeholder="Username" value="" /><br /><br />
     <input id="file_upload" name="file_upload" type="file" multiple="false">
</form>

    <script type="text/javascript">
            <?php $timestamp = time();?>
                    $(function() {
                            $('#file_upload').uploadify({
                            'formData'     : {
                                            'timestamp' : '<?php echo $timestamp;?>',
                                            'token'     : '<?php echo md5('unique_salt' . $timestamp);?>',
                                            'UserName'  : $('#UserName').val()
                                            },
                            'queueSizeLimit' : 1,
                            'multi' : false,
                            'swf'      : 'uploadify.swf',
                            'uploader' : 'uploadify.php',
                            'fileTypeExts' : '*.zip; *.txt',
                            'fileSizeLimit' : '1GB',
                            'onUploadStart' : function(file) {
                                    $('#file_upload').uploadify("settings", "formData", {"UserName":$('#UserName').val()});
                                    console.log($("#file_upload").uploadify("settings", "formdata"));
                            }
                    });
            });
    </script>

我要做的最后一件事是在实际发送文件之前验证UserName文本框是否有输入。我知道我可以在服务器端PHP脚本上轻松完成此操作,但是如果用户没有在UserName文本框中放置内容,我想阻止文件上传。

有人可以指出我正确的方向吗?

1 个答案:

答案 0 :(得分:0)

事实证明,我所要做的就是在&#39; onUploadStart&#39;内添加以下内容。功能:

'onUploadStart' : function(file) {
    if( $('#UserName').val() == "")
    {
     alert ("Please enter a username");
     $('#file_upload').uploadify('cancel');
    }
    $('#file_upload').uploadify("settings", "formData", {"UserName":$('#UserName').val()});