# 💍 简介
文件上传这个功能，是我们程序员在开发过程中基本都能遇到，文件上传功能今天就用 php 来说说吧！
我呢！
是一个小白，如果以下内容有错误的地方请各位大佬，指点一二
以下内容如果对你有用 ↓ ↓ ↓
💍 在文章底部点击赞赏，请我喝杯奶茶哦！
💍 正在努力学习～~ ~ ~ ~ ~ ~ ~
# 💍 来吧～展示
废话不多说，直接上代码
PHP 代码部分:
PHP1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| public class Demo
{
public function upload()
{
$file = request()->file('img');
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 代码部分:
html1
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 代码部分:
JS1
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 的使用方式，如果那里有不足之处请下方评论，我会及时纠正错误，有其他相关内容请收藏 “码坑的博客”，谢谢！
