Question

所以我知道如何在php上传，特别是图片。我不知道的是如何将图像变成按钮，这样点击它就可以让你看到一个允许你上传图像（或其他文件）的上传对话框。

执行上传输入的典型方法是：<input type="file" name="files[]" multiple />

但是如何拍摄<img />并将其转换为图片上传按钮？

Answer 1

我会使用javascript，原则是隐藏真实文件输入并使用附加到图像的javascript“点击”它

输入位于屏幕外，如果用CSS隐藏它（显示：无），它将在某些浏览器中停止工作

<input type="file" class="file-select" name="files[]" style="position:absolute; left:-9999px" />
<img class="file-button" src="https://storage.googleapis.com/cdn.bark.com/qa/b5dc2e3e/a61da61d/3185c5d0/d0bfa4e1/d7d2cff4/dd6dff79/00457b9a/1009914c/6cbe2b57/fb0d89c1/d292ac8a/d6800521/a797a21a/fe1de44a/ef665fad/f1d83fce/thumbnail_529621c60502a.jpeg"/>

然后我们只是使用javascript来说明单击图像时，“点击”文件输入：

$('document').ready(function(){
$('.file-button').on('click', function(e){
    $('.file-select').click();
    e.preventDefault();
});

}）;

请参阅此JSFiddle以获取完整演示：

http://jsfiddle.net/HhLzD/

PHP中的图像和上传

1 个答案: