💍 [简介]
文件上传这个功能,是我们程序员在开发过程中基本都能遇到,文件上传功能今天就用php来说说吧!
我呢!
是一个小白,如果以下内容有错误的地方请各位大佬,指点一二
以下内容如果对你有用 [↓ ↓ ↓]
💍 [在文章底部点击赞赏,请我喝杯奶茶哦!]
💍 [正在努力学习~ ~ ~ ~ ~ ~ ~ ~]
💍 [来吧 ~ 展示]
[废话不多说,直接上代码]
[PHP代码部分:]
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代码部分:]
<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代码部分:]
<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>
[实现效果图如下]
评论区