php - 通过单击现有图像上传图像

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

我有一个简单的个人资料页面，其中包含图像和一些信息。此个人资料页面填写了注册期间提供的信息。

我想要的是允许注册用户点击他们的个人资料页面上的上传图像，并能够替换为新的图像。

我知道如何从数据库端处理这个问题。

我需要 html 或前端方面的帮助。从某种意义上说，我如何使图像可点击以打开上传图像窗口。

Answer 1

我认为最简单的解决方案是将实际文件上传元素放置在页面的偏移量中，然后当用户单击个人资料图像时“转发触发”对其的点击。

HTML:

<input id="profile-image-upload" class="hidden" type="file">
<div id="profile-image">click here to change profile image</div>

JS:

$('#profile-image').on('click', function() {
    $('#profile-image-upload').click();
});

看我的 fiddle :http://jsfiddle.net/L8xCb/3/