文件上传点击模拟按钮触发表单
File upload click simulation button triggers form
我正在创建一个库,允许上传者一次上传一个图像/多个图像。默认情况下,一个文件输入与对应图像描述的文本输入一起显示。
我还有另一个按钮,它模拟了为了美观而点击的文件输入。单击此按钮后,文件浏览器将触发,但放置文件输入的表单似乎已提交?
<button id="new-dialogue">add image</button>
<form action="action.php" method="post" enctype="multipart/form-data">
<div class="create-upload">
<!-- SECTION REPEATED WITH DIFFERENT IDS AS #NEW-DIALOGUE CLICKED -->
<div class="upload">
<input class="image-upload" type="file" id="input1" name="file[]"/>
<button class="btn-select" id="1">select file</button>
<input id="desc" type="text" name="desc[]"/>
</div>
<!-- SECTION -->
</div>
</form>
带有JavaScript
$('document').ready(function() {
var i = 1;
$('#new-dialogue').click(function() {
i++
if(i >= 6) {
} else {
$('.create-upload').append('<div class="upload"><input class="image-upload" type="file" id="input' + i + '" name="file[]"/><button class="btn-select" id="file' + i + '">select file</button><input id="desc" type="text" name="desc[]"/></div>');
$('.image-upload').imgPreview();
}
});
$('.btn-select').click(function () {
var id = this.id;
$('input#input' + id).click();
});
});
Put type='button'
可禁用按钮作为submit
类型。
<button class="btn-select" id="file1" type='button'>select file</button>
相关文章:
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 点击相同的按钮打开模型,然后提交表单
- 为什么我的按钮组件提交它所在的表单
- 在表单完成并确认密码之前,请禁用提交按钮
- 输入文本框为空时的阻止按钮asp.网络表单
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- HTML4表单使用mattw@scriptarchive.comcgi脚本我可以嵌入贝宝按钮
- 单击表单中的按钮会导致页面刷新
- 从输入时提交到jQuery,无需提交按钮,无需表单操作
- 单选按钮表单代码和下拉菜单代码
- 在单选按钮表单选项上附加链接
- 如果电子邮件输入处于焦点上,则阻止输入按钮表单提交 (jquery)
- jquery动态选择单选按钮(表单重置问题)
- Jquery History/Hashchange Event-返回按钮-表单提交时
- 创建第二个addtocart按钮/表单
- HTML/Javascript单选按钮表单,重定向到不同的链接
- 停止不必要的按钮表单提交html js
- JSF提交按钮-表单在一秒钟内被提交X次(直到重新创建视图)-如何防止它
- next和prev按钮表单流的HTML表单验证
- 如何在提交无按钮表单时激发函数