1

我是php编程的新手。我目前正在创建一个用户个人资料，我需要在其中允许用户上传个人资料图片。所以我这样编码

<?php echo form_open_multipart('','class="form-horizontal span4"');?>
<img src="PATH TO IMAGE" />
<input type="text" name="userfile" />
<input class="btn" type="submit" value="Upload" />

<?php echo form_close();?>

所以我得到了一个像上面那样的结构。

但我需要的是类似于第二张图片中的那个。这可能吗...如果是，请帮助或至少分享一个链接。

在此处输入图像描述

4

2 回答 2

1

基本上，您所做的是将默认上传输入移到页面之外，例如将其绝对左侧设置为 -300px。然后你有你自己的按钮点击触发真正的javascript。就这么简单。PS你不能用可见性或显示隐藏它：无，因为它不会触发。幸运的是，将其移开并不会禁用它。

于 2013-09-04T06:35:15.213 回答
0

您不能更改默认值，即：Browse但这可以通过在浏览按钮上重叠图像来使用 css 来实现。

请参阅下面的快照

在这样的 Css Somethig 中（customize it according to your HTML attribute）：

div.fakefile img {
    float: left;
    margin: 0 0 0 -96px;
}

根据您的评论I want to browse using browse button and when upload is clicked i need to upload。除此之外：

<input type="submit" value="upload" name="sub"/>
<input type="file"  name="img"/>

现在您可以通过按上传按钮提交表单，如果您为此编码，图像将被上传。使用此功能进行上传

于 2013-09-04T06:49:32.063 回答