Php 使用javascript选择驱动器上的图像
我已经创建了一个网站，当管理员点击图片，然后他可以选择一个新的。我将用javascript实现这一点。但是，我不知道该怎么做，下面的代码就是html。Php 使用javascript选择驱动器上的图像,php,javascript,jquery,Php,Javascript,Jquery,我已经创建了一个网站，当管理员点击图片，然后他可以选择一个新的。我将用javascript实现这一点。但是，我不知道该怎么做，下面的代码就是html。 选择一张新照片： 以下是您可以执行的示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Test</title> </head>
选择一张新照片：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<p><img src="images/moi.jpg" alt="" id="image" /></p>
<p style="display: none;"><input type="file" name="file" id="file" /></p>
<script type="text/javascript">
window.addEventListener('load', function() {
var image = document.getElementById('image');
var file = document.getElementById('file');
image.addEventListener('dblclick', function() {
file.click();
}, false);
file.addEventListener('change', function() {
var fileToUpload = this.files[0];
console.log(fileToUpload);
}, false);
}, false);
</script>
</body>
</html>
测验
addEventListener（'load'，function（））{
var image=document.getElementById（'image'）；
var file=document.getElementById（'file'）；
addEventListener（'dblclick'，function（）{
文件。单击（）；
}，假）；
addEventListener（'change'，function（））{
var fileToUpload=this.files[0]；
console.log（fileToUpload）；
}，假）；
}，假）；
它只能在Firefox中使用（在FF和IE中使用.click（）方法，但在IE中没有实现文件对象），因此如果您的管理员浏览器是FF，您可以使用此技巧，然后按照此文档上载您的文件：这比看起来更难，因为出于安全原因，无法以编程方式触发文件输入的单击事件。请在哪个“驱动器”上选择一个映像？图像是否存储在服务器上，或者您是否打算让用户上载图像？您是指双击页面中的现有图像，还是在文件对话框中选择某个对象时？图像存储在c驱动器上，是的。。当然，只有管理员才能选择新映像。我只需要一个例子，当“admin”dblclick点击该区域时触发，以及如何打开一个文件对话框。我已经包括了我的网站截图。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<p><img src="images/moi.jpg" alt="" id="image" /></p>
<p style="display: none;"><input type="file" name="file" id="file" /></p>
<script type="text/javascript">
window.addEventListener('load', function() {
var image = document.getElementById('image');
var file = document.getElementById('file');
image.addEventListener('dblclick', function() {
file.click();
}, false);
file.addEventListener('change', function() {
var fileToUpload = this.files[0];
console.log(fileToUpload);
}, false);
}, false);
</script>
</body>
</html>