Question

我正在使用valums-file-uploader插件。它允许我使用ajax上传文件。我有一个问题。我有以下脚本 -

<input type="text" id="Gaurav" name="Gaurav" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: document.getElementById('Gaurav').value},
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }

    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader;     
</script>

在其中，我想设置用户输入的param的值。代码在Gaurav的默认值下正常工作，但对用户输入的值不起作用。

Answer 1

在用户输入值后，您需要致电createUploader 。一旦窗口加载，此代码就“修复”参数值。

您可能有一个按钮点击事件或其他内容 - 从中调用它，它将在当时取值 ...

Answer 2

您为函数设置了一个参数（您想要推送的值），并在用户在输入中写入内容时调用该函数。 * param实际上是可选的，因为你的函数从输入本身获取值，但是当你跳过DOM搜索时传递参数会更有效。

<input type="text" id="Gaurav" name="Gaurav" onchange="createUploader($(this).val())" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(value){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: value,
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }

    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader($("#Gaurav").val());     
</script>

如何在Javascript中获取输入字段的值

2 个答案: