Question

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

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

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

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

Answer 1

如果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}}

定位＆＃39;开放＆＃39;表单上载按钮

1 个答案: