我有一个简单的个人资料页面,其中包含图像和一些信息。此个人资料页面填写了注册期间提供的信息。
我想要的是允许注册用户点击他们的个人资料页面上的上传图像,并能够替换为新的图像。
我知道如何从数据库端处理这个问题。
我需要 html 或前端方面的帮助。从某种意义上说,我如何使图像可点击以打开上传图像窗口。
最佳答案
我认为最简单的解决方案是将实际文件上传元素放置在页面的偏移量中,然后当用户单击个人资料图像时“转发触发”对其的点击。
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/
关于php - 通过单击现有图像上传图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14414924/