php中上传图片怎么显示出来,php中图片文件上传，显示缩略图

php中图片文件上传，显示缩略图

htm代码块：

img {

max-width: 100px;

max-height: 100px;

}

input[type="file"] {

display: none;

}

function showImage(file, targetId) {

var uploadFile = file.files[0];

console.log(uploadFile.name);

console.log((uploadFile.size / 1024).toFixed(2) + "K");

console.log(/(\.jpg|\.jpeg|\.png|\.gif)$/i.test(uploadFile.name));

console.log(/\.jpg$|\.jpeg$|\.png$|\.gif$/i.test(uploadFile.name));

document.getElementById(targetId).src = window.URL.createObjectURL(uploadFile);

}

File1:

File2:

File3:

Upload

php代码块：

// print_r($_FILES);

foreach ($_FILES as $file) {

// 判断文件上传组件是否有效

if ($file["name"]) {

echo "{$file["name"]}
";

echo "{$file["tmp_name"]}
";

echo "{$file["type"]}
";

echo "{$file["size"]}

---

";

// 文件被服务器上传到临时保存目录：$file["tmp_name"]

// 这个文件一旦被页面接收，就会自动保存到该路径下，等页面响应完毕，该临时文件就被移除了

/*

注意：在MacOS中，必须要授予相应目录的操作权限！

sudo chmod 777 /private/var/tmp

sudo chmod 777 /Users/appleuser/workspace/php/uploads

*/

move_uploaded_file($file["tmp_name"], "../uploads/{$file["name"]}");

}

}

?>

标签：tmp,console,name,uploadFile,缩略图,file,php,上传,log

来源： https://blog.csdn.net/weixin_45478030/article/details/99113213