Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/278.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
PHP中的图像和上传_Php_File Upload - Fatal编程技术网

PHP中的图像和上传

PHP中的图像和上传,php,file-upload,Php,File Upload,所以我知道如何用php上传,尤其是图像。我不知道的是如何把一个图像变成一个按钮,点击它,你就会看到一个上传对话框,让你上传一个图像(或其他文件) 上传输入的典型方式是: 但是我如何将一个转换成一个图像上传按钮呢?我会使用javascript实现这一点,原理是隐藏真实的文件输入,并使用附加到图像的javascript“单击”它 输入位于屏幕外,如果使用CSS隐藏它(显示:无),它将在某些浏览器中停止工作 <input type="file" class="file-select" name=

所以我知道如何用php上传,尤其是图像。我不知道的是如何把一个图像变成一个按钮,点击它,你就会看到一个上传对话框,让你上传一个图像(或其他文件)

上传输入的典型方式是:


但是我如何将一个
转换成一个图像上传按钮呢?

我会使用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"/>
}))

有关完整演示,请参阅此JSFIDLE:

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