Question

下面发布了一段代码，用于上传CodeIgniter中的文件。这很好但我想通过单击其上有图像的锚标记<a>来上传文件。请告诉我该怎么做？

代码：

<?php echo form_open_multipart('transferdata/uploadfile'); ?>
<?php echo "<input type='file' name='userfile' size='20' />"; ?>
<?php echo "<input type = 'submit' value = 'upload' />"; ?>
<?php echo "</form>"?>

Answer 1

1）将表单ID设为id="fileForm"

2）在<a onclick='submitForm()'

上添加一个js事件

3）在js函数中提交如下表单：

function submitForm(){
  $("#fileForm").submit();

我假设你有jquery，你也可以使用JS代码直接提交它

注意：您可以直接添加java代码来提交表单，而不是所有步骤 onclick='javascript:JS_CODE_TO_SUBMIT_FORM'

Answer 2

只需添加一点 javaScript 然后它就可以正常工作

    <form enctype="multipart/form-data">
        <input type='file' name='userfile' id="userfile" style="display: none;">
        <a href="#" onclick="document.getElementById('userfile').click(); "><img src="https://png.icons8.com/metro/1600/settings.png" style="height: 100px;"></a>
        <input type = 'submit' value = 'upload' />
    </form>

选中此https://jsfiddle.net/Bibhudatta_sahoo/29zpm2se/4/

带有锚标记的CodeIgniter文件上传问题

2 个答案: