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

时间:2018-03-26 11:01:09

标签: php html codeigniter

下面发布了一段代码,用于上传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>"?>

2 个答案:

答案 0 :(得分:0)

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'

答案 1 :(得分:0)

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