# 💍 简介

文件上传这个功能,是我们程序员在开发过程中基本都能遇到,文件上传功能今天就用 php 来说说吧!
我呢!
是一个小白,如果以下内容有错误的地方请各位大佬,指点一二
以下内容如果对你有用 ↓ ↓ ↓

💍 在文章底部点击赞赏,请我喝杯奶茶哦!

💍 正在努力学习~~ ~ ~ ~ ~ ~ ~

# 💍 来吧~展示

废话不多说,直接上代码

PHP 代码部分:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public class Demo
{
public function upload()
{
// 获取表单上传文件 例如上传了001.jpg
$file = request()->file('img');
// 移动到框架应用根目录/public/uploads/ 目录下
if ($file) {
$info = $file->move(ROOT_PATH . 'public' . DS . 'upload'); //保存路径
if ($info) {
return json(['code' => 1, 'url' => $info->getSaveName()]); //成功
} else {
return json(['code' => 0, 'data' => $file->getError()]); //失败
}
}
}
}

HTML 代码部分:

html
1
2
3
4
5
6
7
8
9
10
11
<div class="row cl">
<label class="form-label col-xs-4 col-sm-3">上传头像:</label>
<div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">
<input type="file" onchange="img_up(this)" id="img" name="img" multiple="multiple"/>
</span>
<div id="thumbnail">
<img src="__UPLOAD__/{$product_info.img}" alt="" style="width: 100px; height: 100px">
</div>
</div>
</div>

Ajax 代码部分:

JS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
function img_up(e) {
let file = e.files[0];
var formData = new FormData();
formData.append('img', file);
$.ajax({
url: '{:url(\'Product/upload\')}',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function (data) {
console.log(data)
if (data.code == 1) {
var dome = '<img src="__UPLOAD__/' + data.url + '" alt="" style="width: 120px;height: 120px;"/><input type="hidden" value="' + data.url + '" name="img">';
$('#thumbnail').html(dome);
}
}, error: function (res) {
console.log(res)
}
})

}
</script>

实现效果图如下

# 图一

图一

# 图二

图二

# 💍 以上就是 php 中 API 的使用方式,如果那里有不足之处请下方评论,我会及时纠正错误,有其他相关内容请收藏 “码坑的博客”,谢谢!

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

码坑 微信支付

微信支付

码坑 支付宝支付

支付宝支付

码坑 QQ支付

QQ支付