出于审美原因,我想在我的HTML文档中添加隐藏文件表单。最终,在Facebook的风格中,我想在用户点击“打开”状态时使用。在文件选择之后,自动将这些图像发布到显示缩略图的另一页面,并且每个图像具有用户可以编辑的相关表格。我是Web开发的新手,在Laravel 5.2上学习。
我利用jQuery在用户点击链接时创建一个事件:
$(document).ready(function () {
$("#uploadAlbumLink").on('click', function (e) {
e.preventDefault();
$("#selectImages").trigger('click');
});
})
这很好用,但我不知道如何定位' Open'文件选择窗口上的按钮,以便触发一个激活表单提交的附加事件。我该怎么做?是否有另一种推荐方法?
答案 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}}