文件正在自动提交

时间:2018-03-26 13:04:32

标签: javascript php html codeigniter

在下面发布的代码中,我想点击锚标file-chooser打开<a>file-chooser成功打开,但问题是表单也是(自动)提交的。那么请告诉我,如何阻止提交表单?

代码:

<?php
    echo form_close();
    echo form_open_multipart('transferdata/uploadfile');
?> 
<form action = "" method = "" id="uploadForm">
    <input type="file" name="userfile" id="userfile" style="display: none;" />
    <a class="toolbar" href="<?php echo base_url().'index.php/transferdata/uploadfile' ?>" onclick="document.getElementById('userfile').click();">
        <span title="Upload" class="icon-32-upload"></span>
        Upload
    </a>
    <input type="file" name="submitB" id="submitB" value="upload"/>
</form> 

2 个答案:

答案 0 :(得分:1)

希望这会对你有所帮助:

使用php codeigniter表单或简单表单

和第二:用href

删除javascript:void(0)网址
 <?php
   echo form_open_multipart('transferdata/uploadfile');
  ?> 

<input type="file" name="userfile" id="userfile" style="display: none;" />
<a class="toolbar" href="javascript:void(0)" onclick="document.getElementById('userfile').click();">
  <span title="Upload" class="icon-32-upload"></span>Upload
</a>
<input type="file" name="submitB" id="submitB" value="upload"/>
<button type="submit" name="submit" id="submit" >upload</button>
<?php echo form_close();?> 
对于Morel来说,

https://www.codeigniter.com/user_guide/helpers/form_helper.html

答案 1 :(得分:0)

首先从输入display:none中删除type=file,因此无法显示您无法点击它。

其次,从包含type="file"而非<input type="submit" name="submit" id="submit">

的表单中删除提交按钮