定位'开放'表单上载按钮

时间:2016-07-12 02:59:43

标签: jquery html forms file-upload

出于审美原因,我想在我的HTML文档中添加隐藏文件表单。最终,在Facebook的风格中,我想在用户点击“打开”状态时使用。在文件选择之后,自动将这些图像发布到显示缩略图的另一页面,并且每个图像具有用户可以编辑的相关表格。我是Web开发的新手,在Laravel 5.2上学习。

我利用jQuery在用户点击链接时创建一个事件:

$(document).ready(function () {    
    $("#uploadAlbumLink").on('click', function (e) {
        e.preventDefault();
        $("#selectImages").trigger('click');
    });
})

这很好用,但我不知道如何定位' Open'文件选择窗口上的按钮,以便触发一个激活表单提交的附加事件。我该怎么做?是否有另一种推荐方法?

1 个答案:

答案 0 :(得分:0)

如果name元素设置了change属性,则可以使用<input type="file">元素处的<form>事件通过选择关闭父form元素来提交父.closest()元素1}}元素在用户选择文件时使用.submit()form。虽然允许用户提交$("#selectImages").change(function(e) { if (e.target.files.length) { $(this).closest("form").submit() } }) 用户操作,但可能更清楚地表明用户将上传的文件提交给服务器。

{{1}}