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

标签 php javascript html

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

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

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

我需要 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/

相关文章:

php - 具有全面测试覆盖率的开源 php 项目示例

php - 如何从 mysql 日期时间列回显转换后的时间格式

javascript - 如何获得不包括浏览器细节的计算 CSS?

javascript - 移动背景图像?

javascript - 删除和设置元素的文本

c# - 在不同的屏幕分辨率上处理图片标签的更好方法。

使用 SSL 时不再存储 PHP session

php - Laravel和Vue-handler.call不是函数

javascript - 如何使用单个回调异步排队和执行多个 Promise?

html - 在您的 css HTML CSS 中选择某个元素