添加新的文件上传字段
Add new file upload field
也许我在这里很愚蠢,但是当我单击"添加新"时,它只是在加载上传.php
它不会添加另一个输入
<html>
<head>
<script>
$(document).ready(function(){
$('.add_more').click(function(e){
e.preventDefault();
$(this).before("<input name='file[]' type='file'/>");
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data" action="upload.php" method="post">
<input name="file[]" type="file" />
<button class="add_more">Add More Files</button>
<input type="submit" value="Upload File" id="upload"/>
</form>
</body>
</html>
感谢任何能告诉我我在哪里失误的人。
你的代码工作正常,你应该添加jQuery lib,如下所示,e.preventDefault()
将阻止按钮提交表单:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
希望这有帮助。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<script>
$(document).ready(function(){
$('.add_more').click(function(e){
e.preventDefault();
$(this).before("<input name='file[]' type='file'/>");
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data" action="upload.php" method="post">
<input name="file[]" type="file" />
<button type='button' class="add_more">Add More Files</button>
<input type="submit" value="Upload File" id="upload"/>
</form>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<script>
$(document).ready(function(){
$('.add_more').click(function(e){
e.preventDefault();
$(this).before("<input name='file[]' type='file'/>");
});
});
</script>
</head>
<body>
<form enctype="multipart/form-data" action="upload.php" method="post">
<input name="file[]" type="file" />
<button type='button' class="add_more">Add More Files</button>
<input type="submit" value="Upload File" id="upload"/>
</form>
</body>
</html>
相关文章:
- 处理字段中带有换行符的csv文件-node.js
- HTML5要求隐藏文件字段-反馈位置
- jquery形成多文件输入字段Value()
- 调用JavaScript函数后,文件上载字段重置
- 通过程序从多个输入字段上传多个文件-blueimp jquery fileupload
- 有没有什么方法可以通过输入字段(type=file)来找出选择了多少个文件
- Javascript 单击html字段值而不编辑.js文件
- 如何从 json 文件中检索所有字段
- 为什么在下面的场景中,用于存储所选文件名和文件路径的隐藏输入字段没有在表单上生成
- 如何使用ian:accounts-ui-botstrap-3根据Meteor中的用户输入设置配置文件字段值
- 如何从输入字段在浏览器中显示PDF文件
- 具有输入类型文件字段的语义UI重置表单
- Chrome扩展:将下载的文件移动到输入字段
- 已从'上传文件;文件'img字段中未显示类型输入字段
- 添加选项以使用 javascript 从 json 文件中选择字段
- 验证数组文件字段的表单提交
- 如何将base64写入模型's文件字段
- 如何在jquery中清除输入文件字段
- 使用jquery验证忽略字段文件
- 如何从phonegap的html5输入字段文件对象获取路径