javascript - 我可以自动提交文件上传吗?

标签 javascript jquery html forms

<分区>

我想在没有提交按钮的情况下促进文件上传。我设法隐藏了文件上传按钮,但我不确定是否可以隐藏提交按钮并在将文件添加到表单时自动提交表单。可以吗?

我的代码是

  <form id="inputForm" role="form" class="marg-left" action="/admin/import" method="post" enctype="multipart/form-data">

        <input id="upload" name="file" type="file"/><a href="" id="upload_link"><div class="navigation-button">
            <div class="navigation-header">Import</div>
            <div class="navigation-desc">Import from tab-separated files on disk </div>
        </div>   </a>
            <input id="submit" type="submit" value="Submit" />
        </form>

CSS

#upload{
    display:none;
}

Javascript

$(function(){
    $("#upload_link").on('click', function(e){
        e.preventDefault();
        $("#upload:hidden").trigger('click');
    });

最佳答案

试试这个:

document.getElementById("file").onchange = function() {
    document.getElementById("form").submit();
};

Demo

关于javascript - 我可以自动提交文件上传吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20611677/

相关文章:

javascript - 将硬编码 header 添加到对象数组中

html - 如何消除内容下方的空格?

php - 使用 AJAX 更改面板标题文本

javascript - 更改整个表格行的背景

javascript - Asp.Net Mvc 使用 Knockout 渲染局部 View

javascript - 我正在尝试从 xhtml 文件动态提取 <h3> 元素并将它们放入选择列表中

javascript - 如何使用 jQuery.Get() 返回网页内容?

javascript - 无法弄清楚如何让 css/js 屏蔽代码在 meteor 中工作

javascript - 如何向 Google map 中的国家/地区名称添加标签?

javascript - 如何使用Jquery创建分割图像效果