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

【问题标题】：CodeIgniter file uploading issue with anchor tag带有锚标记的 CodeIgniter 文件上传问题
【发布时间】：2018-09-04 12:07:42
【问题描述】：

下面发布了一段代码，我用于在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>"?>

【问题讨论】：

首先用完成表单标签

标签： php html codeigniter

【解决方案1】：

只需添加一点 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/

【讨论】：

你试过了吗？

【解决方案2】：

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'

【讨论】：