自动选择文件并提交,Javascript

时间:2011-07-29 18:54:30

标签: javascript

所以我尝试以编程方式浏览,并且我想将文件上传到具有文件类型的输入标记。

我该怎么做?我不希望用户必须输入任何数据,而是要追求预定义的文件。

3 个答案:

答案 0 :(得分:1)

您无法让脚本浏览用户的计算机并自动搜索您认为他们想要提交的文件 - 但您可以在找到他们想要提供的文件时提交表单:

<input type="file" name="my_file" />

这将在字段旁边生成“浏览”按钮,当用户单击该按钮时,将打开OS资源管理器窗口以选择其文件。

示例表单:

<form name="form" id="my_form">
    <input type="file" id="my_file" name="my_file" />
</form>

从那里,只需在字段上放置一个onchange事件监听器即可自动提交表单。使用JQuery看起来像这样:

$(function(){
    $('#my_file').change(function(){
       $('#my_form').submit();
    }); 

    $('#my_form').submit(function(event){
        alert('form submitted');
    });
});

工作演示:http://jsfiddle.net/AlienWebguy/SZFfL/

答案 1 :(得分:0)

这是不可能的。对于<input type=file>,输入元素的value属性是READONLY with Javascript。否则,这将是一个很大的安全漏洞。

答案 2 :(得分:0)

这是不可能的,因为这将是一个真正的安全漏洞 - 请参阅http://www.w3.org/TR/html4/interact/forms.html#file-select